How to Generate a HAR File in Chrome, IE, Firefox, and Safari

How to Generate a HAR File in Chrome, IE, Firefox, and Safari

137145
Created On 10/05/18 18:19 PM - Last Modified 01/30/24 18:28 PM


Symptom


This article shows how to Generate a HAR File in Chrome, IE, Firefox, and Safari. Microsoft Edge (Chromium) is almost the same as Google Chrome.



    Resolution


    HAR files are used to gather performance data from the end-users' web browser. It will capture objects, and response calls that a webpage generates.

    Additional metrics that can be gathered by HAR are:

    • Length of time that it takes to connect to the server
    • Length of time to gather DNS information
    • Length of time that it takes to transfer assets from the server to the browser
    • Length of time that an object takes to be requested

    As various ways HAR files are used, Palo Alto Network's support engineers might require you to capture data for troubleshooting purposes. 

    How to generate a HAR and log file in Chrome

    1. Open Google Chrome.
    2. In Chrome, go to the webpage in question.
    3. Select the Chrome menu > More Tools > Developer Tools
    4. Select the Networks tab.
    5. Within the Networks tab, select Preserve log option.
    6. Record log by selecting the red circle at the top left of the Networks tab.
    7. Refresh the page and allow Chrome to record browser-website interaction. 
    8. Once the page is loaded, select the Export HAR (downward facing arrow). "Save as..." name the file as your preference.
    9. Go back to the Networks tab and right click element. Select "Save HAR with content".
    10. Upload HAR and log files to the support ticket.

     

    How to generate a HAR and log file in Firefox

    1. Open Firefox.
    2. In Firefox, go to the webpage in question.
    3. Select the Firefox menu > Web Developer > Network.
    4. Within the Networks tab, select Preserve log option.
    5. In the center of the Networks tab select refresh.
    6. Refresh the page and allow Firefox to record the browser-website interaction. 
    7. Once the page is loaded, right click and "Save All As HAR".
    8. Select the Console tab and right-click on in the console box. Select all and Copy Message 
    9. Copy log messages to the preferred text editor.
    10. Upload the HAR and log files to the support ticket.

     

    How to generate a HAR and log file in Safari

    1. Open Safari.
    2. In Safari, go to the webpage in question.
    3. Enable Developers Tool: Safari > Preferences > Advance > Click Show Develop menu in menu bar
    4. Select Develop in menu > Show Web Inspector > Select Network tab
    5. Within the Networks tab, select Preserve log option.
    6. Refresh the page and allow Safari to record the browser-website interaction. 
    7. Once the page is loaded, click on Export on the top right in the window of the Network tab.
    8. Select the Console tab and screen capture the errors.
    9. Upload the HAR and console screenshot files to the support ticket.

     

    How to generate a HAR and log file in Internet Explorer (IE)

    1. Open IE.
    2. In IE, go to the webpage in question.
    3. To open Developers Tool, press the F12 key on your keyboard, or you may find the Developers Tool in the menu.
    4. In the Developers Tool menu > Network panel and then deselect the Clear entries on navigate option. (Default)
    5. Select Start Profiling Session/Start Capture.
    6. Refresh the page and allow IE to record the browser-website interaction. 
    7. Once the page is loaded, click on Export as HAR/Export capture traffic icon and save
    8. Click on the Console tab and look for any errors/warnings reported. If errors are shown, please right-click on the console errors and select Copy all. 
    9. Upload the HAR and log files to the support ticket.

    How to generate a HAR and log file in Microsoft Edge (Chromium)
    • Almost the same as Google Chrome.


    Additional Information


    Microsoft Docs > Azure > Product documentation > Architecture > Learn azure > Desktop > Resources
    Capture a browser trace for troubleshooting


    Actions
    • Print
    • Copy Link

      https://knowledgebase.paloaltonetworks.com/KCSArticleDetail?id=kA10g000000CmCtCAK&lang=en_US&refURL=http%3A%2F%2Fknowledgebase.paloaltonetworks.com%2FKCSArticleDetail

    Choose Language