HAR File

The HTTP Archive format, or HAR, is a JSON-formatted archive file format for logging of a web browser’s interaction with a site. The common extension for these files is .har. In the network environment, when the sender and receiver communicate, HAR contains HTTP response and request headers. 

Create, Sanitize, and View HAR file in Firefox

1. Press F12 to open the Developer Tools pane.
2. Go to the Network tab.
3. Click the Record button to begin capturing network activity.
4. Reproduce the issue you were experiencing.
5. Right-click on the recorded events and select Save All as HAR to export the data.
6. To sanitize, navigate to the Cloudflare HAR File Sanitizer tool.
7. Click the Choose File button and select the HAR file you want to sanitize. The tool will process the file and automatically choose all session-related cookies and tokens for removal.
8. Once the process is complete, download the sanitized HAR file by clicking Download Sanitized HAR. This file can now be safely shared.
9. To view the HAR file in Firefox, open the Firefox Developer Tools (F12).
   1. Go to the Network tab.
   2. Click the Import HAR button (usually represented by a small downward arrow icon or “Import”).
   3. Select the HAR file you want to view, and the data will appear in the Network tab for review.

Create, Sanitize, and View HAR file in Safari

1. Open Safari and navigate to the URL where the issue is occurring.
2. Ensure the Develop menu is visible at the top of the window. If not, go to Safari > Preferences > Advanced, and check the box for “Show Develop menu in menu bar.”
3. From the Develop menu, select Show Web Inspector.
4. Refresh the page to begin capturing network traffic.
5. Reproduce the issue you are experiencing.
6. Control + click on the relevant resource and select Export HAR to save the data.
7. To sanitize, navigate to the Cloudflare HAR File Sanitizer tool.
8. Click the Choose File button and select the HAR file you just saved. The tool will process the file and automatically remove session-related cookies and tokens.
9. Once processing is complete, click Download Sanitized HAR to save the sanitized file. This version is now safe to share.
10. To view a HAR file in Safari, follow these steps:
    1. Open Safari and go to the Develop menu at the top of the window.
       • If the Develop menu is not visible, go to Safari > Preferences > Advanced, then check the box for “Show Develop menu in menu bar”.
    2. Open the Web Inspector by clicking Develop > Show Web Inspector or press Option + Command + I.
    3. In the Web Inspector window, go to the Network tab.
    4. Click the gear icon (settings) in the top-right corner of the Web Inspector, and ensure the Preserve log option is enabled so that network logs persist between page reloads.
    5. If you already have a HAR file, drag and drop it into the Network tab of the Web Inspector to load and view the recorded data. Alternatively, you can right-click inside the Network tab and select Import HAR to choose the HAR file from your computer.
    6. The network activity captured in the HAR file will now be displayed in the Network tab for you to inspect.

Create, Sanitize, and View HAR Files in Chrome

1. Open Google Chrome and navigate to the page where the issue is occurring.
2. Click the three vertical dots (⁝) in the top-right corner, then go to More Tools > Developer Tools.
3. In the Developer Tools panel, click on the Network tab.
4. Ensure the Record button (a circle) in the upper-left corner is red. If it’s grey, click it once to start recording.
5. Check the Preserve log box to retain network logs even when the page reloads.
6. Click the Clear button to remove any existing logs from the Network tab.
7. Reproduce the issue while the network activity is being recorded.
8. After reproducing the issue, click Download and save the file as HAR with Content to your computer.
9. Navigate to the Cloudflare HAR File Sanitizer tool.
10. Click the Choose File button and select the HAR file you just saved. The tool will process the file and automatically remove session-related cookies and tokens.
11. Once processing is complete, click Download Sanitized HAR to save the sanitized file. This version is now safe to share.
12. To view the HAR file in Chrome:
    1. Open Chrome Developer Tools (press F12 or right-click and select Inspect).
    2. Go to the Network tab.
    3. Right-click inside the Network tab and select Import HAR.
    4. Choose the HAR file you want to view. The network activity from the HAR file will be displayed in the Network tab for inspection.

Create, Sanitize, and View HAR Files in Microsoft Edge

1. Open the Microsoft Edge browser.
2. Press F12 to open the Developer Tools pane.
3. Clear the session history by clicking the button with three horizontal lines and a red “X.”
4. Click the Play button at the top-left of the debug pane to start recording network activity.
5. Reproduce the issue you were experiencing.
6. Once the issue has been reproduced, click the Red Square to stop recording.
7. Export the results by pressing the Save button (floppy disk icon) and saving the file as a HAR file.
8. Navigate to the Cloudflare HAR File Sanitizer tool.
9. Click the Choose File button and select the HAR file you just saved. The tool will process the file and automatically remove session-related cookies and tokens.
10. Once processing is complete, click Download Sanitized HAR to save the sanitized file. This version is now safe to share.
11. To view a HAR file in Microsoft Edge, follow these steps:
    1. Open Microsoft Edge and press F12 or right-click on the page and select Inspect to open the Developer Tools.
    2. Go to the Network tab in the Developer Tools.
    3. Import the HAR file:
       1. Right-click anywhere inside the Network tab.
       2. Select Import HAR from the context menu.
    4. Choose the HAR file you want to view from your computer.
    5. Once selected, the network activity from the HAR file will appear in the Network tab, and you can inspect the requests and responses recorded in the HAR file.