How to create a HAR file

A document by KCS Integration on behalf of Avery Nason on Oct 25, 2019Last modified by Roxann McGlumphy on Oct 25, 2019
Version 2Show Document
  • View in full screen mode

Issue Description
A Support Engineer asked you to record a .har file, but you are unsure of how to do this. Har files can include sensitive data, such as any information entered into forms (passwords, etc.), so please exercise caution when recording a .har file.

Issue Resolution
Please find the instructions on how to save a .har file using the different browsers below:



Google Chrome:

    • Open Google Chrome, and visit the page where you noticed the issue.
    • Right click on the page and choose 'Inspect'.
    • This will open the Developer Tools panel. From the options at the top of this panel, choose 'Network'.
    • Look for a round record button in the upper left corner, this should appear as a red button. If the button is grey, click it once and recording will begin.
    • There will be a checkbox next to text that reads as 'Preserve Log', please check this box.
    • There is a button that appears as a circle with a slash through it next to the record button, click this button to clear any existing logs.
    • While recording is taking place, please reproduce the issue that you were experiencing.
    • Right click within the network panel under the 'Name' column, and choose 'Save all as HAR with Content'. Save this file to your computer, and upload it to a case so that your Support Engineer may download it.




Microsoft Edge:

    • Open Microsoft Edge, and visit the page where you noticed the issue.
    • Right click on the page and choose 'Inspect Element'.
    • This will open the Developer Tools panel. From the options at the top of this panel, choose 'Network'.
    • Look for a square record button in the upper left corner, this should appear as a red button. If the button is grey, click the green triangle once and recording will begin.
    • While recording is taking place, please reproduce the issue that you were experiencing.
    • Click the save button (this will appear as a gray floppy disk next to the red square button). Save this file to your computer, and upload it to a case so that your Support Engineer may download it.




Firefox:

    • Open Firefox, and visit the page where you noticed the issue.
    • Click on the three stacked bars in the upper right corner. 
    • This will open a dropdown, please choose 'Web Developer, and then 'Network'.
    • While recording is taking place, please reproduce the issue that you were experiencing.
    • Right click within the network panel under the 'File' column, and choose 'Save All As HAR'. Save this file to your computer, and upload it to a case so that your Support Engineer may download it.





Attachments

    Outcomes