Generate a HAR File

The SkySlope Books team may occasionally need additional information about the network requests that are generated in your browser. A team member may ask you to record a HAR file (a log of network requests) while that issue occurs and then share the HAR file with the team.

 

In this article, we will review:

 

What is a HAR file?

A HAR file, which stands for "HTTPS Archive", is a log that records all the interactions between a web browser (such as Google Chrome or Safari) and a website (such as SkySlope Books). This includes a list of network requests made when a page is loading, HTTP status codes and response headers. It is a valuable tool for troubleshooting performance and website problems.

HAR File img.png

 

How to Generate a HAR File in Google Chrome

Follow these instructions to generate a HAR file and share it with the SkySlope Books team.

  1. Open Chrome and go to the page where the issue is occurring.
  2. Look for the ⋮ button and select More Tools > Developer Tools.
  3. From the panel that appears, select the Network tab. You must keep the menu open while you reproduce the issue.
    - Optional: If we request a HAR file with WebSockets, select the WS option in the Network tab. Reload your browser to start seeing the traffic over the WebSocket. Note that WS option does not capture all logs when downloading the HAR file but for display filter purposes and download WebSocket logs only.
    websockets option in har file in chrome
  4. Look for a round record button in the upper left corner of the tab, and make sure it is red. If it is grey, click the button once to start recording.
  5. If it isn't, check the Preserve log box.
  6. Click the grey crossed circle button to clear any existing logs from the network tab.
  7. Reproduce the issue while the network requests are recorded.
  8. Click the download button, Export HAR, to download, and save the file to your computer: Save as HAR with Content.
  9. Upload the HAR file to your ticket with SkySlope Books for further investigation.

Retrieve Console Logs in Google Chrome (If Necessary)

  1. Open Main Menu for Chrome.
  2. Navigate to More Tools > Developer Tools.
  3. Open the Console tab and screenshot any errors that appear.

 

Updated

Was this article helpful?

0 out of 0 found this helpful

Have more questions? Submit a request

Comments

0 comments

Article is closed for comments.