Genarating HAR Files

Genarating HAR Files

HTTP Archive (HAR) is a format that captures data exchanged between web browsers and websites. Access Gateway extensively utilises HAR files to replicate errors experienced by end users or administrators. Below, we detail the process for generating HAR files across popular browsers including Chrome, Firefox, Safari, and Edge.

HAR File in Chrome
HAR File in Firefox
HAR File in Safari
HAR File in Microsoft Edge
HAR File in Chrome
  1. Ensure that all existing Chrome windows, including any incognito windows, are closed.

  2. Open a new Chrome window and log into the platform.

  3. Choose the lab that you intend to solve from the available list of labs.

  4. Before starting the lab:
    - Click the three dots or Customer and Control Google Chrome menu (...) at the right corner of the toolbar.
    - Hover to More Tools.
    - Click Developer Tools.



    - You can also right-click with your mouse and select Inspect, or simply press F12 to open Developer Tools.



  5. In the Developer Tools interface, click on the Network tab.

  6. Check for a red button  on the left side of the tab to ensure that Chrome is recording.

    - If it's not recording, click the Record Network Log button  (this button appears black when not recording).

  7. Tick the Preserve Log box to ensure the log is not cleared with each new page load.

  8. Click the Clear Network Log  button to remove any previously stored data.

  9. Click Run Lab and fully complete the lab.

  10. Once you have completed the lab, click the Export HAR button to save the log of your session.

  11. Name the HAR file and save it to your desired location.


            


HAR File in Firefox
  1. Ensure that all existing Firefox windows, including any private windows, are closed.

  2. Now, open a new Firefox window and log into the platform.

  3. Choose the lab you intend to solve from the available list of labs.

  4. Before starting the lab:
    - Click on the Application Menu.
    - Click More Tools.



    - Click Web Developer Tools.



    - You can also right-click with your mouse and select Inspect or simply press F12 to open Developer Tools.



  5. In the Developer Tools interface, click on the Network tab.

  6. Note that the page starts automatically recording as you navigate.

  7. Click on the Settings icon and Persist Logs to ensure the log is not cleared with each new page load.



  8. Click Run Lab and fully complete the lab.

  9. Once you have completed the lab, you can right-click on any of the files and click Save All as HAR to save the session log.

  10. Name the HAR file and save it to your desired location.

HAR File in Safari
  1. Recording a HAR file in Safari requires the Web Developer tools to be enabled in your browser settings. If you can’t see Developer Tools or Inspect Element in Safari, click Safari on the menu bar and select Settings.

  2. Then select the Advanced tab and tick the Show features for web developers checkbox.



  3. Ensure that all existing Safari windows, including any private windows, are closed.

  4. Open a new Safari window and log into the platform.

  5. Choose the lab that you intend to solve from the available list of labs.

  6. Before starting the lab:
    - Navigate to the Develop menu in the menu bar
    - Select Show Web Inspector or right-click your mouse and select Inspect Element.

  7. In the Developer Tools interface, click on the Network tab.
    - Note that the page starts automatically recording as you navigate.

  8. Click the Other Filter Options  icon and select Preserve Log to ensure that the log is not cleared with each new page load.



  9. Click Run Lab and fully complete the lab.

  10. Once you have completed the lab, click the Export button to save the session log.

  11. Name the HAR file and save it to your desired location.



HAR File in Microsoft Edge
  1. Ensure that all existing Edge windows, including any InPrivate windows, are closed.

  2. Open a new Edge window and log into the platform.

  3. Choose the lab that you intend to solve from the available list of labs.

  4. Before starting the lab:
    - Click the three dots or Settings and More menu (...) at the right corner of the toolbar
    - Hover over More Tools
    - Click Developer Tools



    - Alternatively, right-click with your mouse and select Inspect or simply press F12 to open Developer Tools.



  5. In the Developer Tools interface, click on the Network tab.

  6. Check for a red button  on the left side of the tab to ensure that Chrome is recording.
    - If it's not recording, click the Record Network Log  button (this will appear black when not recording).

  7. Tick the Preserve Log box to ensure that the log is not cleared with each new page load.

  8. Click the Clear Network Log button to remove any previously stored data.

  9. Click on Run Lab and fully complete the lab.

  10. Once you have completed the lab, click on the Export HAR  button to save the session log.

  11. Name the HAR file and save it to your desired location.





 

    • Related Articles

    • Frequently Asked Questions (FAQ's)

      Labs Is the Hack phase mandatory? No, the Hack phase is optional. You can choose to skip it and continue with the rest of the exercise. Does my solution need to match the expected one exactly? No, your solution does not need to be identical to the ...