Overview

Customer Support may ask for a HAR file when there is a reported issue that the team cannot reproduce from their end. The HAR file is required for troubleshooting the issue.

Solution

To generate a HAR (HTTP Archive) file, which records all the web resources loaded by a browser for a specific URL, follow the instructions below based on the web browser you are using:

If you are using Google Chrome:

1. Open Google Chrome and navigate to the page where you are experiencing the issue.
2. Right-click anywhere on the page and select "Inspect" to open the Developer Tools.
3. Go to the "Network" tab.
4. Ensure that the record button (the red circle at the top left of the Network tab) is enabled. If it is grayed out, click on it to start recording.
5. Refresh the page to begin capturing the traffic between your browser and the server.
6. Once the page has finished loading, right-click anywhere in the grid of network requests and select "Save all as HAR with content."
7. Save the file to your preferred location.

If you are using Mozilla Firefox:

1. Open Firefox and navigate to the page you want to capture.
2. Right-click and select "Inspect Element" to open the Developer Tools.
3. Click the "Network" tab.
4. Refresh the page to capture the traffic.
5. Right-click within the network requests list and select "Save All As HAR."
6. Choose where you would like to save the file.

If you are using Microsoft Edge:

1. Open Edge and go to the desired page.
2. Press F12 or right-click and choose "Inspect" to open the Developer Tools.
3. Click the "Network" tab.
4. Ensure that recording is enabled (the red circle should be on) and refresh the page.
5. After the page reloads, right-click in the network traffic pane and select "Save all as HAR with content."
6. Save the HAR file as needed.

After generating the HAR file, provide it to the support team for further assistance. Note that if multiple tabs/windows are involved, please ensure that the Dev Tools auto-open in the browser, see this example for Chrome.

Summary

In this article, we have provided a step-by-step guide on how to generate a HAR file in Google Chrome, Mozilla Firefox, and Microsoft Edge.

FAQ

1. What is a HAR file?
   A HAR (HTTP Archive) file records all the web resources loaded by a browser for a specific URL. It can be used to troubleshoot issues with web pages.
2. How can I generate a HAR file in Google Chrome?
   Open the Developer Tools by right-clicking on the page and selecting "Inspect." Go to the "Network" tab, ensure that the record button is enabled, and refresh the page. Once the page has loaded, right-click in the grid of network requests and select "Save all as HAR with content."
3. What should I do with the HAR file once it's generated?
   Once you have generated the HAR file, provide it to the support team for further assistance in troubleshooting your issue.