104_SYS_How to Generate HTTPS Archive (HAR) files

New article

Proposal

Update

Final version

Proposal

Update

Final version

The HTTP Archive (HAR) is a format used to track information that travels between web browsers and websites. Access Gateway primarily utilizes HAR files to replicate end-user or administrator errors. The following sections describe how to generate HAR files using common browsers such as Chrome, Firefox, Safari, and Edge.

 

 

Chrome

  1. Close all incognito tabs and windows in Chrome.

  2. Open a new incognito window:

    1. Click the three dots in the top-right corner of the Chrome window and select New Incognito window

  3. Click the three dots in the top-right corner of the Chrome Incognito window and click on More tools. Then select Developer Tools.

image-20240314-145007.png
  1. Select the Network tab.

  2. Ensure that Chrome is recording. A red square button indicates that a recording is already in progress. Otherwise, click Record network log.

  3. Select Preserve Log.

  4. Clear any existing logs by clicking Clear network log (crossed circle icon).

  5. Go to the page where the issue occurred and reproduce the issue.

  6. In the Developer Tools panel, click Export HAR (the down arrow icon) to export the file as HAR.

  7. Save the HAR file.

  8. Upload the HAR file to your ticket in our IHRDC Customer Support form for further investigation.

 

 

Firefox

  1. Close all private tabs and windows in Firefox.

  2. Open a new private window:

2.1. Click the three lines in the top-right corner of the Chrome window and select New Private Window

  1. Go to the page to be recorded.

  2. Click on the 3 lines on top right corner on the browser window, click on More tools, then select Web Developer Tools.

image-20240402-142329.png
  1. In the developer tools docked tab select Network.

  2. Reproduce the issue. The page automatically starts recording as you navigate.

  3. When you're finished, click Pause/Resume recording network log.

 

  1. Right-click anywhere in the File column

  2. Select Save All as HAR.

  3. Save the HAR file.

  4. Upload the HAR file to your ticket in our IHRDC Customer Support form for further investigation.

 

 

Safari

  1. If the Develop menu doesn't appear in the Safari menu bar:

1.1. On top right corner on the browser window, go to Safari -> Settings.

1.2. Click Advanced.

1.3. Select Show Develop menu in menu bar.

1.4. Close all private tabs and windows in Safari.

  1. Open a new private window:

2.1. From the Develop menu, select Show Web Inspector.

  1. Click the Network tab.

  2. Go to the page where the issue occurred and reproduce the issue.

  3. When you're finished, click the Export icon.

  4. Save the HAR file.

  5. Upload the HAR file to your ticket in our IHRDC Customer Support form for further investigation.

 

 

Edge

  1. Close all InPrivate windows.

  2. Open a new private window:

    2.1. Click the three dots in the top-right corner of the Chrome window and select New Private Window
    NOTE: you can also press Ctrl + Shift + N to open a new InPrivate window.

  3. Click the three dots in the top-right corner of the Edge InPrivate window and click on More tools. Then select Developer Tools.

3.1. To move the Developer Tools panel to the bottom of the page, click on the three dots in the top-right corner of the Developer Tools panel. Then select the corresponding Dock location icon.

 

  1. Click on Network.

  2. Ensure that Edge is recording. A red button indicates that a recording is already in progress. Otherwise, click on it to Record network log.

  3. Visit the page with the error and complete the steps that trigger the issue.

  4. When you're finished, click Stop recording network log.

  5. Click Export HAR (the down arrow icon) or press Ctrl + S on your keyboard to export the file as a HAR.

  6. Save the HAR file.

  7. Upload the HAR file to your ticket in our IHRDC Customer Support form for further investigation.

 

 

Images for María Laura:

Chrome:

Firefox:

 

Edge: