Generating a HAR File

Generating a HAR File

You may be asked to provide a HAR (HTTP Archive format) file in order for the support team to better understand the network requests generated in your browser. A HAR file will provide a recorded log of network requests while the issue is occurring. This information is commonly used to document and identify potential performance issues (e.g. service interruptions, bottlenecks, and slow load times), and webpage rendering problems. 

Note: a HAR file may contain sensitive information. The content of the pages you download and your cookies will be recorded while generating a HAR file.  

You will need to generate a HAR file according to the type of browser you are using: 

Google Chrome

Firefox

Edge

Internet Explorer

Safari

Google Chrome

1. Open your Chrome browser and navigate to the webpage or tab where the issue occurred 

2. Look for the Vertical ellipsis button () and select More Tools > Developer Tools.

3. Select the Network tab

4. Find the Record button and make sure it is red. This means it is recording. If it is grey, click it once to start recording.

5. Check the Preserve Log box

6. Click the button

7. Reproduce the issue you are experiencing while the network requests are recording (or leave the file running in the background if you're not able to recreate the issue on-demand)

   1. If you need to leave the recording running you can undock the developer panel by selecting the ellipses within the developer panel: and then change the Dock side preference (selecting "Undock into a separate window" will give you full browser space while still recording activity)

8. Right-click on any of the network requests that are generated and select Save all as HAR with Content and save the file to your computer (remember where you saved it as you will need to add it to your support ticket)

9. Attach the HAR file to your ticket in Ocelot Support

Firefox

1. Open your Firefox browser and navigate to the webpage or tab where the issue occurred 

2. Open the menu in the upper right corner and select More Tools then Web Developer Tools. (shortcut for Windows: CTRL + Shift + i, CMD + alt + i for Mac)

3. Select the Network tab

4. The recording will auto-start when you perform activities in the browser

5. Reproduce the issue you are experiencing while the network requests are recording (or leave the file running in the background if you're not able to recreate the issue on-demand) 

6. Right-click on any of the network requests that are generated and select Save All As HAR and save the file to your computer (remember where you saved it as you will need to add it to your support ticket)

7. Attach the HAR file to your ticket in Ocelot Support

Edge

1. Open your Edge browser and navigate to where the issue occurred

2. Open the Network tool (press F12 on your keyboard)

3. Reproduce the issue (or leave the file running in the background if you're not able to recreate the issue on-demand) 

4. Generate a HAR file (Shortcut: CTRL+S) and save the file to your computer (remember where you saved it as you will need to add it to your support ticket)

5. Attach the HAR file to your ticket in Ocelot Support

Internet Explorer

1. Open Internet Explorer and navigate to the webpage or tab where the issue occurred

2. Press F12 on your keyboard

3. Click the Network tab (profiling session is automatically active)

4. Reproduce the issue you are experiencing while the network requests are recording (or leave the file running in the background if you're not able to recreate the issue on-demand) 

5. Click the Stop profiling session button    

6. Click the Export as HAR button (CTRL+S) and save the file to your computer (remember where you saved it as you will need to add it to your support ticket)

7. Attach the HAR file to your ticket in Ocelot Support

Safari

1. Open your Safari browser and be sure you can see the Develop menu; if not, follow these steps:

   1. Safari → Preferences → Advanced → Show Develop menu in the menu bar

2. Open Develop menu

3. Select Show Web Inspector

4. Click the Network tab

5. Select Preserve Log

6. Refresh the page 

7. Reproduce the issue you are experiencing while the network requests are recording (or leave the file running in the background if you're not able to recreate the issue on-demand) 

8. Click Export and save the file to your computer (remember where you saved it as you will need to add it to your support ticket)

9. Attach the HAR file to your ticket in Ocelot Support