How do I generate a HAR file for troubleshooting?

A .HAR file is a log that records the interaction between a web browser and a website. These interactions consist of each resource on these websites being loaded and the log (.HAR) measures the time it takes each resource to load. The .HAR helps identify if a particular resource is taking longer to load than others, which might cause performance issues. 

To obtain the .HAR file from your browser, follow the instructions below.

Google Chrome

1) Use the keyboard shortcuts CTRL SHIFT i or ⌘ Option i to open Inspect

Screen_Shot_2020-06-15_at_2.57.43_PM.png

2) Go to Network Tab and ensure that the recording button is red

Screen_Shot_2020-06-15_at_3.01.21_PM.png

3) Refresh the page, keep loading until 30 seconds passed the connection timeout error

Screen_Shot_2020-04-08_at_11.47.52_AM.png

4) Repeat the problem. If it's a timeout error, refresh the page again and wait 30 seconds. If you experienced a problem while previewing the video, click Preview and wait for the error message to appear. Doing this will ensure that the error is recorded correctly in the HAR file.

image001__2_.png

image001__1_.png

5) When done, right-click on the console and select Save all as HAR with content

Screen_Shot_2020-04-08_at_11.48.30_AM.png

 

Mozilla Firefox

1) Right-click on the screen and select Inspect Element or use the keyboard shortcuts CTRL SHIFT i or ⌘ Option i to open Inspect

Screen_Shot_2020-04-08_at_12.02.25_PM.png

2) Go to Network Tab

Screen_Shot_2020-04-08_at_12.02.58_PM.png

3) Refresh the page, keep loading until 30 seconds passed the connection timeout error

Screen_Shot_2020-04-08_at_12.03.18_PM.png

4) Repeat the problem. If it's a timeout error, refresh the page again and wait 30 seconds. If you experienced a problem while previewing the video, click Preview and wait for the error message to appear. Doing this will ensure that the error is recorded correctly in the HAR file.

image001__2_.png

image001__1_.png

5) Right-click on the console and select Save All As HAR

Screen_Shot_2020-04-08_at_12.04.28_PM.png

 

Microsoft Edge

1) Use the keyboard shortcuts CTRL SHIFT i or ⌘ Option i to open Inspect

Screen_Shot_2020-06-15_at_2.57.43_PM.png

2) Go to Network Tab and ensure that the recording button is red

Screen_Shot_2020-06-15_at_3.01.21_PM.png

3) Refresh the page, keep loading until 30 seconds passed the connection timeout error

3.jpg

4) Repeat the problem. If it's a timeout error, refresh the page again and wait 30 seconds. If you experienced a problem while previewing the video, click Preview and wait for the error message to appear. Doing this will ensure that the error is recorded correctly in the HAR file.

image001__2_.png

image001__1_.png

5) Right-click on the console and select Save all as HAR with content

4.jpg

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request