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.

Genarating HAR Files for Labs

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.





 

Generating HAR Files for SCORM

HAR File in Chrome
HAR File in Firefox
HAR File in Safari
HAR File in Edge
HAR File in Chrome
You'll have to produce two HAR files: one from the LMS tab, one from the SecureFlag tab.

Set Up the LMS Tab

  1. Close all Chrome windows, including Incognito.
  2. Open a new Chrome window and log in to the LMS.
  3. Before starting the course, open DevTools: ⋮ → More tools → Developer tools, or right-click → Inspect, or press F12.
  4. Click the Network tab.
  5. Confirm the record button (top left) is red. If it's grey, click it to start recording.
  6. Tick Preserve log and Disable cache.
  7. Click Clear network log (🚫) to remove earlier traffic.
  8. Choose your learning path / click Run Lab. Do not export yet.

SecureFlag Tab

  1. The lab opens SecureFlag in a new tab. Switch to it and open DevTools in that tab (each tab has its own).
  2. Repeat steps 4–7 mentioned under LMS tab there: Network tab, recording on, Preserve log and Disable cache ticked, log cleared.
  3. Complete the lab and wait for the certificate to finish loading.
  4. Export: right-click in the request list → Save all as HAR with content, or use the download icon → Export HAR (with sensitive data). Save as SecureFlag-<yourname>-<date>.har.

Back to the LMS tab

  1. Switch back to the LMS tab and refresh or navigate to check whether the completion registered.
  2. Export that tab's HAR the same way. Save as LMS-<yourname>-<date>.har.
  3. Send both files, plus a screenshot of the completion status and the rough time you finished the lab.
HAR File in Firefox
You'll have to produce two HAR files: one from the LMS tab, one from the SecureFlag tab.

Set Up the LMS tab

  1. Close all Firefox windows, including Private Browsing.
  2. Open a new Firefox window and log in to the LMS.
  3. Before starting the course, open DevTools: ☰ menu → More tools → Web Developer Tools, or right-click → Inspect, or press F12. (Ctrl+Shift+E / Cmd+Option+E jumps straight to the Network panel.)
  4. Click the Network tab.
  5. Firefox starts recording automatically as soon as the Network panel is open — there's no record button, only a pause (⏸) icon. Make sure it is not paused.
  6. Open the settings cog (⚙) on the Network toolbar and tick Persist Logs and Disable Cache. (Firefox calls it "Persist Logs" rather than "Preserve log" — same thing.)
  7. Click the Clear (🗑) button to empty the request list.
  8. Choose your learning path / click Run Lab. Do not export yet.

SecureFlag Tab

  1. Switch to the new SecureFlag tab and open DevTools in that tab.
  2. Repeat steps 4–7 mentioned under LMS tab there.
  3. Complete the lab and wait for the certificate to load.
  4. Export: right-click in the request list → Save All As HAR, or ⚙ → Save All As HAR. Save as SecureFlag-<yourname>-<date>.har.

Back to the LMS tab

  1. Return to the LMS tab, refresh, and check whether the completion registered.
  2. Export that tab's HAR the same way → LMS-<yourname>-<date>.har.
  3. Send both files plus a screenshot and the time you finished.

NotesNote: Firefox only captures traffic that occurs while the Network panel is open. If you open DevTools late, reload the page before continuing. Firefox's HAR always includes cookies and headers: there's no sanitised option.
HAR File in Safari
You'll have to produce two HAR files: one from the LMS tab, one from the SecureFlag tab.

One-Time Setup

Open Safari → Settings → Advanced → tick Show features for web developers (called Show Develop menu in menu bar in Safari 16 and earlier).

Set Up LMS Tab

  1. Quit Safari entirely (Cmd+Q), including any Private windows.
  2. Open Safari and log in to the LMS.
  3. Before starting the course, open Web Inspector: Develop → Show Web Inspector, or press Cmd+Option+I.
  4. Click the Network tab.
  5. Safari records automatically while the Network tab is open.
  6. Tick Preserve Log in the Network toolbar, and turn on Develop → Disable Caches.
  7. Click the Clear Network Items (🚫) button.
  8. Choose your learning path / click Run Lab. Do not export yet.

SecureFlag Tab

  1. Switch to the new SecureFlag tab and open Web Inspector for that tab (Cmd+Option+I while it's focused).
  2. Repeat steps 4–7 mentioned under LMS tab there.
  3. Complete the lab and wait for the certificate to load.
  4. Export: click the Export (⤓) icon in the Network toolbar, or right-click in the request list → Export HAR. Save as SecureFlag-<yourname>-<date>.har.

Back to the LMS Tab

  1. Return to the LMS tab, refresh, and check whether the completion registered.
  2. Export that tab's HAR the same way → LMS-<yourname>-<date>.har.
  3. Send both files plus a screenshot and the time you finished.

NotesNote: Safari blocks pop-ups aggressively, so allow pop-ups for the LMS domain first (Settings → Websites → Pop-up Windows), and its Prevent cross-site tracking setting can itself break the LMS↔SecureFlag handoff.
HAR File in Edge
You'll have to produce two HAR files: one from the LMS tab, one from the SecureFlag tab.

Set Up LMS Tab

  1. Close all Edge windows, including InPrivate.
  2. Open a new Edge window and log in to the LMS.
  3. Before starting the course, open DevTools: ⋯ (Settings and more) → More tools → Developer tools, or right-click → Inspect, or press F12.
  4. Click the Network tab.
  5. Confirm the record button (top left) is red. If it's grey, click it to start recording.
  6. Tick Preserve log and Disable cache.
  7. Click Clear network log (🚫).
  8. Choose your learning path / click Run Lab. Do not export yet.

SecureFlag Tab

  1. Switch to the new SecureFlag tab and open DevTools in that tab.
  2. Repeat steps 4–7 mentioned under LMS tab there.
  3. Complete the lab and wait for the certificate to load.
  4. Export: right-click in the request list → Save all as HAR with content, or the download icon → Export HAR (with sensitive data) if prompted. Save as SecureFlag-<yourname>-<date>.har.

Back to the LMS Tab

  1. Return to the LMS tab, refresh, and check whether the completion registered.
  2. Export that tab's HAR the same way → LMS-<yourname>-<date>.har.
  3. Send both files plus a screenshot of the completion status and the time you finished.
 
Alert
Note for all four browsers: 
  1. Don't close either tab until both files are saved — closing the tab discards the recording.
  1. HAR files contain session cookies and auth tokens. Send them via [secure channel], not plain email, and don't circulate them more widely.