Skip to main content

How to Generate a .HAR File for Troubleshooting

A guide on what a .HAR file is and how to generate one

Updated over a week ago

When web applications misbehave or fail to load properly, technical support teams often request a .HAR file to diagnose the issue. A .HAR (HTTP Archive) file captures detailed information about all network requests made by your browser, providing developers with crucial data to identify performance bottlenecks, failed requests, or other technical problems.

What is a .HAR File?

A .HAR file is a JSON-formatted archive that records your browser's interaction with web pages. It includes information about HTTP requests and responses, timing data, headers, cookies, and cached content. This comprehensive snapshot helps developers understand exactly what happens when you encounter issues with their website or application.

Generating .HAR Files in Different Browsers

Google Chrome

Step 1: Open Chrome and navigate to the page where you're experiencing issues.
Step 2: Right-click anywhere on the page and select "Inspect" (or press F12) to open Developer Tools.
Step 3: Click on the "Network" tab in the Developer Tools panel.
Step 4: Look for a record button (circle icon) in the top-left corner of the Network tab. If it's red, recording is already active. If it's gray, click it to start recording.
Step 5: Check the "Preserve log" checkbox to ensure requests aren't cleared when navigating between pages.
Step 6: Reproduce the issue you're experiencing while the Network tab is recording.
Step 7: Once you've captured the problematic behavior, right-click anywhere in the Network tab and select "Save all as HAR with content."
Step 8: Choose a location to save the file and give it a descriptive name.

Mozilla Firefox

Step 1: Open Firefox and go to the problematic webpage.
Step 2: Press F12 or right-click and select "Inspect Element" to open Developer Tools.
Step 3: Navigate to the "Network" tab.
Step 4: Refresh the page or reproduce the issue while the Network tab is active.
Step 5: Right-click in the Network tab and select "Save All As HAR."
Step 6: Choose your save location and filename.Microsoft Edge
Step 1: Open Edge and navigate to the affected page.
Step 2: Press F12 or right-click and select "Inspect" to open Developer Tools.
Step 3: Click on the "Network" tab.
Step 4: Ensure recording is active (the record button should be highlighted).
Step 5: Reproduce the issue while recording.
Step 6: Click the "Export HAR" button (download icon) in the Network tab toolbar.
Step 7: Save the file to your desired location.

Safari

Step 1: First, enable the Developer menu by going to Safari > Preferences > Advanced and checking "Show Develop menu in menu bar."
Step 2: Navigate to the problematic webpage.
Step 3: Click "Develop" in the menu bar and select "Show Web Inspector."
Step 4: Click on the "Network" tab in the Web Inspector.
Step 5: Reproduce the issue while the Network tab is recording.
Step 6: Click the "Export" button (arrow pointing out of a box) in the Network tab.
Step 7: Save the HAR file to your chosen location.

Best Practices for HAR File Generation

Clear your cache before recording to ensure you capture all network requests, including those for cached resources.
Start recording before the problem occurs to capture the complete sequence of events leading to the issue.
Keep the recording focused by only reproducing the specific problem rather than browsing extensively, which creates unnecessarily large files.
Include relevant steps in your filename or documentation so the support team understands what actions triggered the captured requests.Privacy and Security Considerations
HAR files contain sensitive information including cookies, authentication tokens, personal data, and form submissions. Before sharing a HAR file:

  • Review the file content if possible, especially if it contains sensitive data

  • Only share HAR files through secure channels

  • Consider regenerating the HAR file after logging out if it contains authentication information

  • Be aware that the file may include personal information visible in network requests

When to Provide HAR Files

Technical support teams typically request HAR files when troubleshooting:

  • Page loading issues or slow performance

  • Failed API requests or AJAX calls

  • Authentication problems

  • Resource loading failures (images, CSS, JavaScript)

  • Intermittent connectivity issues

  • Browser-specific problems

Generating HAR files is a straightforward process that provides invaluable diagnostic information for web developers and support teams. By following these steps for your specific browser, you can help technical teams quickly identify and resolve issues with web applications.

Did this answer your question?