How to Generate and Extract a HAR File

General Instructions

While the layout varies slightly between browsers, the core steps are generally the same:
Open the Developer Tools.
 

1. Navigate to the Network tab.
2. Record the activity while reproducing the issue.
3. Export the resulting log as a .har file.

Google Chrome, Microsoft Edge

1. Press F12 (or Cmd + Option + I on Mac) to open Developer Tools.
2. Click on the Network tab.
3. Look for a small round record button in the upper left corner of the tab. Ensure it is red (recording).
4. Check the box for Preserve log.
5. Click the Clear button (a circle with a diagonal line) to remove existing logs.
6. Reproduce the issue on the page.
7. Once finished, click the Export HAR icon (an arrow pointing down) or right-click any row in the network log and select Save all as HAR with content.

Mozilla Firefox

1. Open Firefox and navigate to the problematic page.
2. Press F12 (or Cmd + Option + I on Mac).
3. Click the Network tab.
4. Click the gear icon (Settings) in the upper right of the Network pane and select Persist Logs.
5. Refresh the page or perform the actions needed to reproduce the issue.
6. Right-click anywhere within the list of requests and select Save All As HAR.

Safari

Before you can extract a HAR file in Safari, you must enable the "Develop" menu.

• Enable Develop Menu: Go to Safari > Settings > Advanced and check the box for "Show features for web developers" (or "Show Develop menu in menu bar").

1. Navigate to the website.
2. Open the Develop menu and select Show Web Inspector.
3. Click the Network tab.
4. Ensure Preserve Log is checked (usually a small icon that looks like a page with a plus sign or found in the settings).
5. Refresh the page and reproduce the issue.
6. Click Export in the top right corner of the Network tab to save the HAR file.

Important Privacy Note