How to Collect a .HAR File? How to Collect a .HAR File?

How to Collect a .HAR File?

 

HAR is the short form for HTTP Archive format, which tracks all the logging of web browser's interaction with a site. 

We do recommend generating multiple HAR files for comparison. Below are guidelines for effective information gathering: 

  1. Generate a HAR file for an unaffected page (without performance issue or page rendering issues). Example. Dashboard, Issue View, Issue Search and Project page. 
  2. Generate a HAR file for an affected page. Generate multiple times to get the better average and capture the consistent timing.  

Please note that HAR files contain sensitive data, including content of the pages you downloaded while recording and your cookies. This allows anyone with the HAR file to impersonate your account and all the information that you submitted while recording (personal details, passwords, credit card numbers, etc.). 

 

Google Chrome 

To generate the HAR file for Chrome 

  1. Open Google Chrome and go to the page where the issue is occurring. 
  2. Look for the Vertical ellipsis  mceclip0.png button and select More Tools > Developer Tools. 
  3. From the panel opened, select the Network tab. 
  4. Look for a round Record button blobid0.jpgin the upper left corner of the tab, and make sure it is red. If it is grey, click it once to start recording. 
  5. Check the box Preserve log. 
  6. Click the Clear button mceclip1.png to clear out any existing logs from the Network tab. 
  7. Reproduce the issue that you were experiencing before, while the network requests are being recorded. 
  8. Once you have reproduced the issue, right-click anywhere on the grid of network requests, select Save all as HAR with Content, and save the file to your computer. 

 

Firefox 

To generate the HAR file for Firefox 

  1. Open Firefox and go to the page where you are experiencing trouble. 
  2. Select the Firefox menu (three horizontal parallel lines) at the top-right of your browser window, then select Web Developer > Network. 
  3. The Developer Network Tools opens as a docked panel at the side or bottom of Firefox. Click the Network tab. 
  4. The recording auto starts when you start performing actions in the browser. 
  5. Once you have reproduced the issue and you see that all of the actions have been generated in the Developer Network Panel (should just take a few seconds), right-click anywhere under the File column, and click on Save all as HAR. 
  6. Save the HAR file somewhere convenient. 

 

Internet Explorer 

  1. Open Internet Explorer and go to the page where the issue is occurring. 
  2. Press F12 on your keyboard (or click the gear icon > F12 Developer Tools). 
  3. Click the Network tab. 
  4. Reproduce the issue that you were experiencing before, while the network requests are being recorded. 
  5. Once done click the Save button. 
  6. Give the trace a filename and click the Save button which will save it as a .HAR file or .xml file. 

 

Safari 

Before generating the HAR file, make sure you can see the Develop Menu in Safari. If it is not there, follow the instructions under Use the developer tools in the Develop menu in Safari on Mac. 

  1. Open the Develop menu and select Show Web Inspector. 
  2. Click the Network tab and complete the activity that is causing issues. 
  3. Click the Export icon on the far right of the network tab and save the HAR file. 

 

 Microsoft Edge 

  1. Open Microsoft Edge and go to the page where the issue is happening. 
  2. Look for the horizontal ellipsis button next to your profile avatar mceclip2.png and select More Tools > Developer Tools or hit F12 on your key. 
  3. Click on the “+” button mceclip3.png and select “Network”. 
  4. Make sure the record button is enabled mceclip4.png (will be greyed out if not enabled) and click the clear button mceclip5.png to clear out any existing logs from the Network tab. 
  5. Reproduce the issue. 
  6. Click on the download button mceclip6.png or right-click anywhere on the grid of network requests, select Save all as HAR with Content, and save the file to your computer. 

 

Need further support? Submit a request