Generating HAR Files
Generate a HAR file to help troubleshoot any issues encountered.
HAR (HTTP Archive) is a file format typically used to export captured data through HTTP session tools. The file format is essentially a JSON object with a particular set of fields.
Notes
- HAR files contain sensitive data, including the content of pages the user downloaded while recording and cookies.
- Use an Incognito Window to collect the HAR files.
- Enable third-party cookies to ensure proper cookie preservation during reproduction.
- Large HAR files should be compressed, preferably as a .zip file.
Each web browser has its own generation process:
- Chrome
- Firefox
- Internet Explorer
- Safari
- Edge
Generating HAR Files in Google Chrome
- On the page where you are experiencing trouble, click the â‹® Customize and control Google Chrome icon.
- Select MoreTools-> Developer Tools.
![generating HAR chrome 1.png 3544](https://files.readme.io/753f776-generating_HAR_chrome_1.png)
- Click Settings.
![HAR files chrome settings.png 1494](https://files.readme.io/a18d358-HAR_files_chrome_settings.png)
- Go to Preferences-> Global.
- Mark the checkbox next to Auto-open DevTools for popups.
![HAR files dev tools chrome.png 1478](https://files.readme.io/e4e0f89-HAR_files_dev_tools_chrome.png)
- Click the Network tab.
- Check the Preserve log and Disable cache boxes.
- Click the record icon.
![HAR step 5.png 1504](https://files.readme.io/4882081-HAR_step_5.png)
- While the network requests are being recorded, reproduce the steps that have led to the issue.
- Click Download.
- Save the file to your computer: Save as HAR with Content.
Generating HAR Files in Mozilla Firefox
-
On the page where you are experiencing trouble, click the ![**Record Button**] (https://files.readme.io/ef1d516-firefox_menu.png) Firefox menu.
-
Select More Tools.
![firefox1.png 2980](https://files.readme.io/748545f-firefox1.png)
- Select Web Developer Tools.
![firefox 2.png 2980](https://files.readme.io/cbbfbe3-firefox_2.png)
The Web Developer Tools opens as a docked panel at the side or bottom of Firefox.
- Click the Network tab.
![firefox 3.png 2980](https://files.readme.io/93fca29-firefox_3.png)
Note
The recording starts automatically when you start performing actions.
-
Reproduce the steps that have led to the issue, right-click anywhere under the File column.
-
Click Save all as Har.
![firefox5.png 2980](https://files.readme.io/5ad7567-firefox5.png)
Generating HAR Files in Microsoft Internet Explorer
- On the page where you are experiencing trouble, press the F12 key or click the ![gear] (https://files.readme.io/c51a2b0-gear_icon.png) icon.
- Select F12 Developer Tools.
![explorer1.png 1822](https://files.readme.io/a758c71-explorer1.png)
-
Click the Network tab. Reproduce the steps that have led to the issue.
-
Click the Save ![Save] (https://files.readme.io/1eef643-save_icon.png).
.
![explorer 2.png 1840](https://files.readme.io/fcd685c-explorer_2.png)
Generating HAR Files in MacOS Safari
- On the page where you are experiencing trouble, click the Develop menu and select Show Web Inspector.
![SAafari1.png 3584](https://files.readme.io/80e20c5-SAafari1.png)
-
Click the Network tab and reproduce the steps that have led to the issue.
-
Click the Export icon and in the save screen, save the HAR file to your preferred destination.
![safari2.png 2000](https://files.readme.io/0638a22-safari2.png)
Generating HAR Files in Microsoft Edge
- On the page where you are experiencing trouble, click the menu . . . icon.
- Select More tools-> Developer tools.
![edge 1.png 1920](https://files.readme.io/1f12121-edge_1.png)
-
Click on the Network tab. Reproduce the steps that have led to the issue.
-
Right-click on any of the rows and select Save all as HAR with content.
![edge 2.png 1920](https://files.readme.io/f1a112f-edge_2.png)
Updated over 2 years ago