How to generate HAR file to export and analyse network request logs?

HAR is the short form for the HTTP ARchive format that records all the network interaction between the web browser and the site.

This helps in analyzing various issues including page rendering, performance issues and to analyze web requests made from the site with detailed information. When the reported issue involves the behavior of the app or the site in the web browser, this will be a great addition when provided along with the issue reported for troubleshooting.

Check out the supported browsers of our platform from here [1].

From the following steps depending on the browser, the network logs can be captured and exported as HAR file with the .har extension. The HAR file can be viewed from HAR viewer [2], HAR Analyzer [3] or any other tool of your choice available on the internet.

Note:

  1. Keep informed that this HAR will have sensitive information from the web requests such as personal information, API keys, passwords and whichever sensitive details sent or received over the network communication.
  2. The above-mentioned tools are not related to Freshworks in any way. Use it at your own discretion.

Chrome

Steps
  1. Go to the page where the app is loaded.
  2. From the menu bar, navigate to More Tools -> Developer Tools.
  3. Click the Network tab, the Network panel [4] opens up.
  4. Enable Preserve log checkbox.
  5. Perform the actions in the app to reproduce the issue with the Network tab open to record the logs. The relevant network logs are captured.
  6. Click on the download icon which says “Export HAR…” on hover, to export the network logs in the HAR file format.
  7. The downloaded file can be shared with others to analyze the network activity to troubleshoot the issue.

Firefox

Steps
  1. Go to the page where the app is loaded.
  2. Select the menu bar, navigate to Web Developer -> Network. The Network panel opens up in the developer tools.
  3. Enable Persist logs checkbox.
  4. Perform the actions in the app to reproduce the issue with the Network tab open to record the logs.
  5. Click on HAR drop-down or Right-click on any record in the logs and click Save All As HAR option to export the network logs.
  6. The downloaded file can be shared with others to analyze the network activity to troubleshoot the issue.

Safari

Steps

Follow this page [5] to enable Develop option to appear in the menu if it is not available.

  1. Go to the page where the app is loaded.
  2. Click the Develop menu and select Show Web Inspector.
  3. Click on the Network tab. The Network panel opens up.
  4. Enable Preserve log checkbox.
  5. Perform the actions in the app to reproduce the issue with the Network tab open to record the logs.
  6. Click on the Export icon to export the network logs in the HAR file format.
  7. The downloaded file can be shared with others to analyze the network activity to troubleshoot the issue.

Edge

Steps
  1. Go to the page where the app is loaded.
  2. Select the menu bar, navigate to More Tools -> Developer Tools.
  3. Select the Network tab. The Network panel opens up.
  4. Enable Preserve log checkbox.
  5. Perform the actions in the app to reproduce the issue with the Network tab open to record the logs.
  6. Click on the download icon which says “Export HAR…” on hover, to export the network logs in the HAR file format.
  7. The downloaded file can be shared to analyze the network activity to troubleshoot the issue.

Reference Links:
[1] https://developer.freshdesk.com/v2/docs/quick-start
[2] http://www.softwareishard.com/har/viewer
[3] https://toolbox.googleapps.com/apps/har_analyzer
[4] https://developers.google.com/web/tools/chrome-devtools#network
[5] https://support.apple.com/en-ie/guide/safari/sfri20948/mac

1 Like