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. Check the "Preserve log" option in the Network tab to ensure the recording continues even if a new tab is opened.
6. Replicate the issue.
7. Right-click anywhere in the grid of network requests in the "Network" tab and select "Save all as HAR with content." Ensure that you gather the data for the most relevant browser tab if multiple tabs open up during the replication.
8. 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. Enable "Persist Logs" to ensure that the network recording continues even if a new tab is opened.
5. Replicate the issue.
6. Right-click within the network requests list in the "Network" tab and select "Save All As HAR." Ensure that you gather the data for the most relevant browser tab if multiple tabs open up during the replication.
7. 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).
5. Enable the "Preserve log" option so that the recording continues even if a new tab is opened.
6. Replicate the issue.
7. Right-click anywhere in the grid of network requests in the "Network" tab and select "Save all as HAR with content." Ensure that you gather the data for the most relevant browser tab if multiple tabs open up during the replication.
8. Save the HAR file as needed.

After generating the HAR file, provide it to the support team for further assistance.

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.