Generating HAR File in Different Browsers

How to generate .har file in Chrome, Safari, Firefox, and Edge

To help troubleshoot and solve software issues our IdeaScale team may ask for a HAR file. A HAR file is used to gather performance data from your web browser and helps us to understand the activity between IdeaScale and your browser.

Generating HAR file in Chrome
Generating HAR file in Safari
Generating HAR file in Firefox
Generating HAR file in Edge

Generating HAR file in Chrome

1. Open Google Chrome.

2. Select the Chrome menu > More Tools > Developer Tools.

3. Select the Networks tab.

4. Find a round record button (Red Bubble) 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' (If not checked).

6. Click the Clear button to clear out any existing logs from the Network tab.

7. Now try to reproduce the issue that you were experiencing before, while the network requests are being recorded.

8. Once you have reproduced the issue, right-click anywhere on the grid of network requests, select Save all as HAR with Content, and save the file to your computer.

9. Share your HAR file so that we may analyze it.

Generating HAR file in Safari

1. Open Safari.

2. Firstly, enable Developers Tool:
   Safari > Preferences > Advance > Click Show Develop menu in menu bar.

3. Select Develop in menu > Show Web Inspector > Select Network tab.

4. Within the Networks tab, check the 'Preserve Log' option (See picture)

5. Refresh the page and allow Safari to record the browser-website interaction.

6. Once the page is loaded, click on Export on the top right in the window of the Network tab.

7. Select the Console tab and screen capture the errors.

8. Share your HAR file so that we may analyze it.

Generating HAR file in Firefox

1. Open Firefox and go to the page where you are experiencing an issue.

2. Select the Firefox menu (three horizontal parallel lines) at the top-right of your browser window, then select Web Developer > Network.

3. The Developer Network Tools opens as a docked panel at the side or bottom of Firefox. Click the Network tab.

4. The recording auto starts when you start performing actions in the browser.

5. Once you have reproduced the issue and you see that all the actions have been generated in the Developer Network Panel, right-click anywhere in the generated data and click on Save all as HAR or you can also click on the top right HAR button & then save.

6. Now save the HAR file in the desired location.

7. Share your HAR file so that we may analyze it.

Generating HAR file in Edge

1. Open Edge and go to the page where the issue is occurring.

2. From the Edge menu More Tools > Developer Tools (F12). Alternatively, you can press F12 on your keyboard.

3. From the panel opened, navigate to the Network tab.

4. Click the Clear button to clear out any existing logs from the Network tab (if any).

5. Look for a round record button (Red Bubble)  in the upper left corner of the tab, make sure it is red. If it is grey, click it once to start recording.

6. Now check the box Preserve log.

7. Reproduce the issue that you were experiencing before. Once you have reproduced the issue, right-click anywhere on the grid of network requests, select Save as HAR with Content.

8. Share your HAR file so that we may analyze it.