Skip to main content

How to generate a HAR file for troubleshooting

Zendesk API Admin
  • Updated

Relevant Products: Exclaimer Cloud - Signatures for Office 365 | Exclaimer Cloud - Signatures for G Suite

Scenario

You have been advised to provide a HAR file for the issue occurring, for further analysis.

Caution: HAR files contain sensitive data, including the page content you downloaded while recording and your cookies. This can allow anyone with the HAR file to impersonate your account and all the information that you submitted while recording (this can include personal details, passwords, credit card numbers, and so on).

Resolution

You can generate a HAR file using different browsers, some of them are:

Generating the HAR file from Internet Explorer

The following steps apply for both Windows and macOS.

  1. Open the browser and navigate to the page causing the issue.

  2. Press the [F12] key on your keyboard.

  3. Select the Network tab.

  4. Click mceclip2.png  to clear any existing entries.

    mceclip3.png

  5. Go through the steps again and try to reproduce the issue.

  6. Click Save.  Name the file with the extension .har file.

  7. Now, you can reply to your support ticket with this file as an attachment. 

Generating the HAR file from Safari

Pre-requisite: Before you start the process of generating the HAR file, please ensure you can access the Develop menu in Safari.
For more information, see Use the developer tools in the Develop menu in Safari on Mac.
  1. From the Develop menu, select Show Web Inspector.

  2. Select the Network tab.

  3. Select the Preserve log option.

    mceclip1.png

  4. Go through the steps again and try to reproduce the issue.

  5. Click Export (far-right on the Network tab) and save the HAR file.

  6. Now, you can reply to your support ticket with this file as an attachment. 

Generating the HAR file from Chrome

The following steps apply for both Windows and macOS.

  1. Open the browser and navigate to the page causing the issue.

  2. Click on the vertical ellipses (mceclip0.png), then select More Tools > Developer Tools.

    mceclip1.png

  3. Select the Network tab.

  4. Click Record (mceclip3.png) on the top-left corner of the tab.
    Please make sure that it is red - if it is grey, click once to start recording.

  5. Select the Preserve log option.

    mceclip4.png 

  6. Go through the steps again and try to reproduce the issue - the network requests will be recorded.

  7. Click Download and save your file on your computer - Save as HAR with content.

  8. Now, you can reply to your support ticket with this file as an attachment. 

Generating the HAR file from FireFox

The following steps apply for both Windows and macOS.

  1. Open the browser and navigate to the page causing the issue.

  2. From the Firefox menu (3 parallel lines), select Web Developer > Network.

  3. Select the Network tab.

  4. From Settings, select the Persisit Logs option. 

    mceclip0.png
  5. Go through the steps again and try to reproduce the issue - the network requests will be recorded automatically when an action is performed.

  6. Once the issue has been reproduced, right-click anywhere under the File column then click Save all as HAR.

  7. Now, you can reply to your support ticket with this file as an attachment. 

Generating the HAR file from Edge

  1. Open the browser and navigate to the page causing the issue.

  2. Press the [F12] key on your keyboard. 

  3. From the Network tab, select the Preserve Log option. 

  4. Click Record (mceclip3.png) on the top-left corner of the tab.
    Please make sure that it is red - if it is grey, click once to start recording.

  5. Go through the steps again and try to reproduce the issue - the network requests will be recorded.

    mceclip0.png
  6. Click Download and save your file on your computer - Save as HAR with content.

  7. Now, you can reply to your support ticket with this file as an attachment.