Generate .HAR File

Owned by Pavel Pavlovsky
Last updated: Oct 14, 2024
2 min read

Purpose of HAR Files

A HAR (HTTP Archive) file logs a browser's interaction with a site. HAR files are useful for troubleshooting issues like:

  • Performance Problems: Slow page load or timeouts.

  • Page Rendering Issues: Incorrect formatting or missing information.

These logs provide insight for first-line troubleshooting, allowing support teams to diagnose and resolve issues more efficiently.

See how HAR files are generated depending on your browser variant. 

Solution

1. Google Chrome

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

  2. Right-click anywhere on the page and select Inspect or press F12 (Windows) or Cmd + Option + I (Mac) to open Developer Tools.

  3. Navigate to the Network tab in DevTools.

  4. Make sure the Preserve log checkbox is selected.

  5. Reload the page to capture the activity.

  6. Perform the steps that trigger the issue.

  7. After reproducing the issue, right-click anywhere in the Network panel, select Save all as HAR with content, and save the file.

  8. Save the HAR file.

    image-20241014-173010.png

2. Mozilla Firefox

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

  2. Right-click anywhere on the page and select Inspect or press Ctrl + Shift + E (Windows) or Cmd + Option + E (Mac) to open Developer Tools.

  3. Click on the Network tab.

  4. Click the gear icon (settings) and make sure the Persist logs checkbox is selected to retain the logs.

  5. Reload the page to capture the traffic.

  6. Reproduce the issue.

  7. After reproducing the issue, right-click anywhere in the Network panel, select Save All As HAR with content, and save the file.

3. Microsoft Edge

  1. Launch Microsoft Edge and go to the page where you are experiencing the issue.

  2. Right-click and choose Inspect or press F12 (Windows) or Cmd + Option + I (Mac) to open Developer Tools.

  3. Switch to the Network tab.

  4. Ensure that the Preserve log option is checked.

  5. Once the problem has occurred, click on Save (floppy disk icon) to export the HAR file. Export as HAR.

4. Safari

  1. In Safari, enable the Develop menu by going to Safari > Preferences > Advanced and checking Show Develop menu in the menu bar.

  2. Load the page where the issue occurs.

  3. In the menu bar, click on Develop and then Show Web Inspector.

  4. Go to the Network tab.

  5. Reload the page to start recording the network activity.

  6. Reproduce the issue.

  7. Click on Export (the button is near the Disable Caches checkbox).

5. Internet Explorer

  1. A note, Microsoft's Using Windows Internet Explorer Developer Tools Network Capture KB can be used to identify how to diagnose network issues. For further info on HTTP codes, please look through HTTP/1.1 Status Codes.

  2. If you are IE 11, please follow the steps covered in Analyzing your webpage's network traffic, and use Export captured traffic.

 

More details on Atlassian Knowledge Base