Generate a HTTP Archive (HAR) file for troubleshooting
When troubleshooting complex issues, our customer support team may require additional information about the network requests that are generated in your browser while an issue occurs, such as a HAR file, or a log of network requests, for further analysis. A HTTP Archive (HAR) records all web browser requests including the request and response headers, the body content, and the page load time. This article will show you how to create a HAR file from your web browser.
A HAR file can include sensitive details such as passwords, payment information, and private keys. Manually remove sensitive information from a HAR file with a text editor before sending it to ShopBase Support.
A. Google Chrome
B. Mozilla Firefox
C. Microsoft Edge
D. Apple Safari
In Google Chrome, open Chrome Menu in the upper-right corner of the browser window and select More Tools > Developer Tools. You can also right click anywhere and select Inspect, or use shortcut Option + ⌘ + J (on macOS), CTRL + Shift + J (on Windows/Linux).
The console will either open up within your current Google Chrome window, or in a new window. Select Network tab.
Check Preserve log.
Click Record.
Browse to the URL that causes issues. Once the issue is experienced, right click on any of the items within the Network tab and select Save all as HAR with Content.
Then, you can send the HAR file to your designated support agent.
In Firefox, open Firefox Menu in the upper-right-hand corner of the browser and select More Tools > Browser Console. You can also right click anywhere and select Inspect, or use shortcut Shift + ⌘ + J (on macOS), CTRL + Shift + J (on Windows/Linux).
The Browser console will open up within your current window, or in a new window. Select Network tab.
Browse to the URL that causes issues.
After duplicating the issue, right-click and choose Save All As HAR.
Then, you can send the HAR file to your designated support agent.
In Microsoft Edge, open the Edge Menu in the upper-right-hand corner of the browser window and select More Tools > Developer Tools. You can also right click anywhere and select Inspect, or use shortcut CTRL + Shift + I.
The console will either open up within your current Microsoft Edge window, or in a new window. Select Network tab.
Browse to the URL that causes issues.
After duplicating the issue, click on Save all as HAR with Content and save your file.
Then, you can send the HAR file to your designated support agent.
In Safari Browser, console and network logs are available as a part of Developer Menu.
To enable the Developer Menu in Safari, go to Safari Menu > Preferences.
In the Advanced Tab, tick Show develop menu in menu bar.
Once this function is enabled, navigate to Develop > Show Web Inspector.
Web Inspector is not available until you browse a page other than Safari's starting page.
Browse to the URL that causes issues.
Press Ctrl and click on a resource within Web Inspector and click Export HAR.
Gather information for troubleshooting sites
A HAR file can include sensitive details such as passwords, payment information, and private keys. Manually remove sensitive information from a HAR file with a text editor before sending it to ShopBase Support.
In this article
A. Google Chrome
B. Mozilla Firefox
C. Microsoft Edge
D. Apple Safari
A. Google Chrome
In Google Chrome, open Chrome Menu in the upper-right corner of the browser window and select More Tools > Developer Tools. You can also right click anywhere and select Inspect, or use shortcut Option + ⌘ + J (on macOS), CTRL + Shift + J (on Windows/Linux).
The console will either open up within your current Google Chrome window, or in a new window. Select Network tab.
Check Preserve log.
Click Record.
Browse to the URL that causes issues. Once the issue is experienced, right click on any of the items within the Network tab and select Save all as HAR with Content.
Then, you can send the HAR file to your designated support agent.
B. Mozilla Firefox
In Firefox, open Firefox Menu in the upper-right-hand corner of the browser and select More Tools > Browser Console. You can also right click anywhere and select Inspect, or use shortcut Shift + ⌘ + J (on macOS), CTRL + Shift + J (on Windows/Linux).
The Browser console will open up within your current window, or in a new window. Select Network tab.
Browse to the URL that causes issues.
After duplicating the issue, right-click and choose Save All As HAR.
Then, you can send the HAR file to your designated support agent.
C. Microsoft Edge
In Microsoft Edge, open the Edge Menu in the upper-right-hand corner of the browser window and select More Tools > Developer Tools. You can also right click anywhere and select Inspect, or use shortcut CTRL + Shift + I.
The console will either open up within your current Microsoft Edge window, or in a new window. Select Network tab.
Browse to the URL that causes issues.
After duplicating the issue, click on Save all as HAR with Content and save your file.
Then, you can send the HAR file to your designated support agent.
D. Apple Safari
In Safari Browser, console and network logs are available as a part of Developer Menu.
To enable the Developer Menu in Safari, go to Safari Menu > Preferences.
In the Advanced Tab, tick Show develop menu in menu bar.
Once this function is enabled, navigate to Develop > Show Web Inspector.
Web Inspector is not available until you browse a page other than Safari's starting page.
Browse to the URL that causes issues.
Press Ctrl and click on a resource within Web Inspector and click Export HAR.
Related articles
Gather information for troubleshooting sites
Updated on: 23/08/2022
Thank you!