Generating HAR Reports on Different Browsers
What is a HAR Report?
HAR (HTTP Archive) is a format used for tracking information between a web browser and a website. It is used primarily for performance analysis and debugging.
Table of Contents
- Generating HAR Report in Google Chrome
- Generating HAR Report in Mozilla Firefox
- Generating HAR Report in Microsoft Edge
- Generating HAR Report in Safari
Generating HAR Report in Google Chrome
- Open Google Chrome and go to the webpage where you are experiencing the issue.
- Right-click on the page and select
Inspector pressCtrl+Shift+I(Windows) /Cmd+Opt+I(Mac). - Navigate to the
Networktab. - Ensure the round record button at the top left of the Network tab is red. If it is grey, click it to start recording.
- Check the
Preserve logbox to capture the requests. - Reproduce the issue by refreshing the page or performing the actions that lead to the issue.
-
Once the issue has been reproduced, Click the
Export HAR(down arrow icon) to export the HAR file.
-
Save the HAR file to your computer.
Generating HAR Report in Mozilla Firefox
- Open Mozilla Firefox and go to the webpage where you are experiencing the issue.
- Press
F12to open the Developer Tools or go to the menu and selectWeb Developer>Network. - The Network tab will open and start recording the network requests.
- Reproduce the issue by refreshing the page or performing the actions that lead to the issue.
- Once the issue has been reproduced, click on the
HARbutton in the toolbar and selectSave All As HAR. - Save the HAR file to your computer.
Generating HAR Report in Microsoft Edge
- Open Microsoft Edge and go to the webpage where you are experiencing the issue.
- Press
F12to open the Developer Tools or right-click and selectInspect Element. - Navigate to the
Networktab. - Ensure the round record button at the top left of the Network tab is red. If it is grey, click it to start recording.
- Check the
Preserve logbox to capture the requests. - Reproduce the issue by refreshing the page or performing the actions that lead to the issue.
- Once the issue has been reproduced, right-click on any of the network requests in the list and select
Save all as HAR with content. - Save the HAR file to your computer.
Generating HAR Report in Safari
- Open Safari and go to the webpage where you are experiencing the issue.
- Enable the
Developmenu by going toPreferences>Advancedand checkingShow Develop menu in menu bar. - Go to the
Developmenu and selectShow Web Inspectoror pressCmd+Opt+I. - Navigate to the
Networktab. - Reproduce the issue by refreshing the page or performing the actions that lead to the issue.
- Once the issue has been reproduced, click on the
Exportbutton at the bottom of the Network tab to save the HAR file. - Save the HAR file to your computer.