How to Create a HAR File on Browsers

 

When troubleshooting complex issues, sometimes our Support team needs to obtain additional information about the network requests generated in your browser while an issue occurs. A Support team member may request that you record a HAR file, or a log of network requests while that issue is occurring and then provide that to them for further analysis.

Note:

HAR files contain sensitive data, including the content of the pages you downloaded while recording and your cookies. This allows anyone with the HAR file to impersonate your account and all the information that you submitted while recording (personal details, passwords, credit card numbers, etc.).

This article contains instructions on how to generate HAR files for these browsers:

• Chrome
• Firefox
• Safari
• Edge
• HAR file with WebSockets

To generate the HAR file for Chrome

1. Open Google Chrome and go to the page where the issue is occurring.
2. Look for the Vertical ellipsis button and choose More Tools > Developer Tools.
3. From the panel opened, select the Network tab.
   
4. Look for a round Record button in the upper left corner of the tab, and make sure it is red. If it is grey, click it once to start recording.
5. Check the box Preserve log.
6. Click the Clear button (the circle with a line through it next to Record) to clear out any existing logs from the Network tab.
   
7. Reproduce the issue that you were experiencing before, while the network requests are being recorded.
8. Once you have reproduced the issue, in Chrome, have the Developer console open and click Export HAR to download (the download icon near the top). Then save the file to your computer: Save as HAR with Content or a file name that's easy to spot.
   
   
   
9. Upload your HAR file to your ticket or attach it to your email so that our Support team can analyze it.

The instructions are the same for both MAC and Windows computers.

To generate the HAR file for Firefox

1. Open Firefox and go to the page where you are experiencing trouble.
2. Select the Firefox menu (three horizontal parallel lines) at the top-right of your browser window, then select More tools > Web Developer Tools > Network.
   
3. The recording autostarts when you start performing actions in the browser.
4. Once you have reproduced the issue and you see that all of the actions have been generated in the Developer Network Panel (this should take a few seconds), click the Settings icon (gear icon in the upper right), and click on Save All as Har.
5. Save the HAR file somewhere convenient.
   
6. Upload your HAR file to your ticket or attach it to your email so that the team can analyze it.

The instructions are the same for both MAC and Windows computers.

To generate the HAR file for Safari

Before generating the HAR file, make sure you can see the Develop menu in Safari. If it is not there, follow the instructions under Use the developer tools in the Develop menu in Safari on Mac.

1. Open the Develop menu and select Show Web Inspector.
2. Click the Network tab and complete the activity that is causing issues.
3. Click the Export icon on the far right of the network tab and save the HAR file.
4. Attach the file to the Support ticket so our team can assess.

To generate the HAR file for Edge

Edge natively produces HAR files. For more instructions, see the instructions from the Microsoft website. 

1. Open the Network tool in F12 developer tools.
2. Reproduce the issue.
3. Export captured traffic as a HAR (CTRL + S).

To generate the HAR file with WebSockets

On some occasions, we need to produce HAR files that include WebSockets.

1. In Chrome, look for the Vertical ellipsis button and select More Tools > Developer Tools.
2. From the panel opened, select the Network tab.
3. Click on the Network tab and select the WS.
4. Refresh/reload the browser again to start seeing the traffic over the WebSocket. This step is critical. 
5. Once you have reproduced the issue, in Chrome, click Export HAR to download. Then save the file to your computer: Save as HAR with Content. 
6. Select a location to export the HAR file.
7. Upload your HAR file to your ticket or attach it to your email so that our Support team can analyze it.