Introduction
A HAR (HTTP Archive) file is a recording of all the network requests and responses made by your web browser when it loads a webpage. This file is incredibly useful for our support team to troubleshoot a variety of issues, from slow performance to errors on the page. By providing a HAR file, you give us a detailed picture of what's happening behind the scenes in your browser, allowing us to diagnose and resolve your issue much more quickly.
This article will guide you through the process of generating a HAR file in the most common web browsers.
Google Chrome
Open Developer Tools:
Right-click anywhere on the page and select "Inspect".
Alternatively, you can use the keyboard shortcut:
Windows/Linux:
Ctrl+Shift+ImacOS:
Cmd+Option+I
Go to the Network Tab:
In the Developer Tools panel, click on the "Network" tab.
Prepare for Recording:
Make sure the "Preserve log" checkbox is checked. This will ensure that all network activity is captured, even if you navigate to a different page.
Click the "Clear" button (a circle with a line through it) to remove any previous network requests.
Reproduce the Issue:
With the Developer Tools still open, perform the actions that cause the issue you're experiencing. For example, if you're getting an error when you click a button, click that button now.
Save the HAR File:
Once you've reproduced the issue, right-click anywhere in the list of network requests and select "Save all as HAR with content".
Save the file to your computer. You can then attach this file to your support ticket.
Note for Chrome 142+: If you're troubleshooting a localhost application (like
http://127.0.0.1orhttp://localhost) and Chrome blocks the connection with CORS errors, you may need to manually allow local network access. Click the lock icon to the left of the address bar, then select "Allow" for local network access. This is due to Chrome's stricter Private Network Access enforcement that blocks HTTPS sites from reaching local development servers.
Mozilla Firefox
Open Developer Tools:
Right-click anywhere on the page and select "Inspect".
Alternatively, you can use the keyboard shortcut:
Windows/Linux:
Ctrl+Shift+ImacOS:
Cmd+Option+I
Go to the Network Tab:
In the Developer Tools panel, click on the "Network" tab.
Prepare for Recording:
Make sure the "Persist Logs" checkbox is checked.
Click the "Clear" button (a trash can icon) to remove any previous network requests.
Reproduce the Issue:
With the Developer Tools still open, perform the actions that cause the issue.
Save the HAR File:
Right-click anywhere in the list of network requests and select "Save All As HAR".
Save the file to your computer.
Microsoft Edge
Open Developer Tools:
Right-click anywhere on the page and select "Inspect".
Alternatively, you can use the keyboard shortcut:
Windows/Linux:
Ctrl+Shift+ImacOS:
Cmd+Option+I
Go to the Network Tab:
In the Developer Tools panel, click on the "Network" tab.
Prepare for Recording:
Make sure the "Preserve log" checkbox is checked.
Click the "Clear" button to remove any previous network requests.
Reproduce the Issue:
With the Developer Tools still open, perform the actions that cause the issue.
Save the HAR File:
Right-click anywhere in the list of network requests and select "Save all as HAR with content".
Save the file to your computer.
Safari
Enable the Develop Menu:
First, you need to enable the "Develop" menu in Safari's preferences.
Go to Safari > Preferences.
Click on the "Advanced" tab.
Check the box at the bottom that says "Show Develop menu in menu bar".
Open Web Inspector:
With the "Develop" menu now visible, you can open the Web Inspector.
Go to Develop > Show Web Inspector.
Alternatively, you can use the keyboard shortcut:
Cmd+Option+I
Go to the Network Tab:
In the Web Inspector, click on the "Network" tab.
Prepare for Recording:
Make sure the "Preserve Log" checkbox is checked.
Click the "Clear" button (a trash can icon) to remove any previous network requests.
Reproduce the Issue:
With the Web Inspector still open, perform the actions that cause the issue.
Save the HAR File:
Click the "Export" button (an icon with a square and an arrow pointing up) in the top-right corner of the Network tab.
Save the file to your computer.
Important: Sanitize Sensitive Information Before Sharing
Before sending a HAR file to anyone, it is critical to inspect it for sensitive information. HAR files are plain text files that capture everything your browser sends and receives, which can include:
Passwords
API keys
Authentication tokens and session cookies
Personal information you entered into forms (names, addresses, phone numbers, etc.)
To sanitize your file, open it in a text editor (like Notepad, VS Code, or TextEdit) and use the "Find and Replace" function to search for any sensitive data. Replace these values with a placeholder like [REDACTED] to ensure you don't expose confidential information.