Collect a HAR File For UI Troubleshooting
search cancel

Collect a HAR File For UI Troubleshooting

book

Article ID: 286985

calendar_today

Updated On:

Products

Carbon Black App Control Carbon Black Cloud Endpoint Standard Carbon Black Cloud Enterprise EDR Carbon Black Cloud Workload Carbon Black EDR CBX Complete CBX Essentials Cloud Secure Web Gateway - Cloud SWG Cloud Secure Web Gateway Secure Web Gateway CASB Security Standard CASB Security Premium CASB Security Advanced CASB Audit CASB Gateway CASB Gateway Advanced Endpoint Protection Endpoint Security Endpoint Security Complete ISG Proxy ProxySG Software - SGOS Advanced Secure Gateway Software - ASG

Issue/Introduction

Generate an HTTP Archive (HAR) file with Chrome, Firefox, Edge, Safari, or Internet Explorer to log the browser's interaction with the website.

Resolution

Table of Contents

Google Chrome & Microsoft Edge

  1. Open developer tools using one of these methods:
    • Keyboard shortcut:
      • Windows: F12
      • OS X: Command + Option + I
      • Linux: Ctrl + Shift + I
    • Chrome menu:
      1. Click the three dots icon in the top-right of your browser window.
      2. Select "More tools".
      3. Select "Developer tools".
  2. Navigate to the Network tab.
  3. Check the Disable Cache option to prevent caching of resources.
  4. Check the Preserve Log option to keep the logs when the browser navigates to a new page.
  5. Ensure the tool is recording by examining the circle in the upper-left corner.
    • ​If it is red, it is recording.
    • If it is black, click the circle to begin recording.
  6. Refresh the page to start capturing the traffic between the browser and the server.
    • Capture a full page load so you can see the requests made prior to the problem you're analyzing.
  7. Complete the steps that trigger or demonstrate the issue.
  8. Click the Download Icon in the developer tools window to save the file

Safari

Before generating the HAR file, make sure you can see the Develop menu in Safari. Follow the instructions under Use the developer tools in the Develop menu in Safari on Mac.

  1. Confirm that the "Develop" menu is visible at the top of the window
    • If the "Develop" menu is not visible then go to Safari > Settings > Advanced > check the box, "Show features for web developers"
  2. Open the Develop menu and select Show Web Inspector.
  3. Navigate to the Network tab.
  4. Check the Disable Caches option to prevent caching of resources.
  5. Click the ≡ icon in the top left corner of the web inspector screen > select "Preserve Log"
  6. Refresh the page to start capturing the traffic between the browser and the server.
    • Capture a full page load so you can see the requests made prior to the problem you're analyzing.
  7. Complete the steps that trigger or demonstrate the issue.
  8. Click the Network tab and complete the activity that is causing issues.
  9. Click the Export icon on the far right of the network tab and save the HAR file.

Mozilla Firefox

  1. Bring up the developer tools using one of these methods:
    • Keyboard shortcut:
      • Windows: Ctrl + Shift + E
      • OS X: Command + Option + E
      • Linux: Ctrl + Shift + E
    • Firefox menu:
      1. Click the ≡ icon in the top-right corner of the browser.
      2. Select "More Tools".
      3. Select "Web Developer Tools".
  2. Navigate to the Network tab.
  3. Check the "Disable cache" option to prevent caching of resources for this specific page.
  4. Click the Gear Icon > "Persist Logs" option to keep the logs when the browser navigates to a new page.
  5. Ensure the tool is recording by examining the icon in the upper-left corner.
    • ​If it is two vertical lines (the Pause symbol), it is recording.
    • If it is a blue right-facing arrowhead (the Play symbol), click it to begin recording.
  6. Refresh the page to start capturing the traffic between the browser and the server.
    • ​Capture a full page load so you can see the requests made prior to the problem you're analyzing.
  7. Complete the steps that trigger or demonstrate the issue.
  8. Right click in the data table and select "Save All As HAR".

Internet Explorer

Version 11+

  1. Bring up the developer tools using F12
  2. Navigate to the Network tab.
  3. If it's not already, Click the Play button (green triangle) to start capturing traffic.
  4. Refresh the page to start capturing the traffic between the browser and the server.
    • Capture a full page load so you can see the requests made prior to the problem you're analyzing.
  5. Complete the steps that trigger or demonstrate the issue.
  6. Click the Export as HAR icon (it looks like a floppy disk).

Legacy Versions

You will need to use HTTPWatch

  1. Download and install HTTPWatch.
  2. Start the HTTPWatch capture right before reproducing the behavior you want to capture.
  3. Stop the HTTPWatch capture right after reproducing the behavior.
  4. Export the capture in HAR format.
Powered by Wolken Software