A HAR (HTTP Archive) file is a JSON formatted file that records a web browser's interaction with a web page. It includes details such as requests and responses between the browser and server, cookies, loading times, and other data related to the page's performance and rendering.
HAR files help the Document360 team debug and analyze performance issues. They provide a detailed record of the interactions between the browser and your Document360 project.
Generating a HAR file
You can generate a HAR file using most modern web browsers. The steps are mostly similar across browsers, with minor differences in their user interfaces.
Jump to your browser:
Google Chrome
- Open Google Chrome and go to the page where the issue is occurring.
- Click the three-dot menu in the top-right corner, then select More tools > Developer tools.
- In the Developer Tools panel, select the Network tab.
- Check the Preserve log checkbox to retain logs during navigation.
- Check the Disable cache checkbox to prevent cached responses from affecting the log.
- Ensure the record button at the top-left of the Network tab is red. If it's gray, click it to begin recording.
- If the issue occurs during page load or navigation, start recording before opening the relevant page in your Document360 project.
- If the issue occurs after you've already reached the page, first navigate to that page, then click the clear icon to remove any existing logs.
- Reproduce the issue while the Network tab is recording.
- After the issue is reproduced, click the Export HAR button to download the file.
- Choose a file name and save the HAR file to your computer.
- Attach the HAR file to your support request.
Chrome exports a sanitized HAR file by default, but it's still a good idea to review the file before sharing it, especially if your project handles sensitive data.
Mozilla Firefox
- Open Mozilla Firefox and go to the page where the issue is occurring.
- Click the three horizontal lines (☰) in the top-right corner, then select More tools > Web Developer Tools.
- In the Developer Tools panel, select the Network tab.
- Enable the Persist Logs option to retain logs during navigation. You can find this by clicking the gear icon (⚙️) in the Developer Tools panel.
- Check the Disable Cache checkbox to prevent cached responses from affecting the log.
- Ensure the record button at the top-left of the Network tab is active. If the icon shows pause , recording is already active. If it shows play , click it to start recording.
- If the issue occurs during page load or navigation, start recording before opening the relevant page in your Document360 project.
- If the issue occurs after you've already reached the page, first navigate to that page, then click the clear icon to remove any existing logs.
- Reproduce the issue while the Network tab is recording.
- After the issue is reproduced, right-click anywhere within the list of network requests and select Save All As HAR.
- Choose a file name and location to save the HAR file to your computer.
- Attach the HAR file to your support request.
Firefox HAR files may include sensitive data such as cookies and page content. Review the file before sharing it, especially if your project handles confidential information.
Microsoft Edge
- Open Microsoft Edge and go to the page where the issue is occurring.
- Click the three-dot menu in the top-right corner, then select More tools > Developer tools.
- In the Developer Tools panel, select the Network tab.
- Check the Preserve log checkbox to retain logs during navigation.
- Check the Disable cache checkbox to prevent cached responses from affecting the log.
- Ensure the record button at the top-left of the Network tab is red. If it's gray, click it to begin recording.
- If the issue occurs during page load or navigation, start recording before opening the relevant page in your Document360 project.
- If the issue occurs after you've already reached the page, first navigate to that page, then click the clear icon to remove any existing logs.
- Reproduce the issue while the Network tab is recording.
- After the issue is reproduced, click the Export HAR button to download the file.
- Choose a file name and save the HAR file to your computer.
- Attach the HAR file to your support request.
Edge exports a sanitized HAR file by default, but it's still a good idea to review the file before sharing it, especially if your project handles sensitive data.
Safari
- Open Safari and go to the page where the issue is occurring.
- If the Develop menu is not visible in the Safari menu bar:
- Click Safari > Settings (or Preferences on older macOS versions).
- Go to the Advanced tab.
- Enable the Show features for web developers checkbox.
- Click Develop > Show Web Inspector in the Safari menu bar.
- In the Web Inspector panel, select the Network tab.
- Check the Disable Caches checkbox to prevent cached responses from affecting the log.
- Click the clear icon in the top-left of the panel to remove any existing logs.
- If the issue occurs during page load or navigation, perform those steps now. The Network tab automatically starts recording when it's open.
- If the issue occurs after you've already reached the page, perform the steps to reproduce the issue while the Network tab is active.
- After reproducing the issue, click the Export option in the top-right of the Network tab.
- Choose a file name and location to save the HAR file to your computer.
- Attach the HAR file to your support request.
Safari HAR exports may include cookies, request headers, and session data. Review the file before sharing it if your project involves sensitive information.
Opera
- Open Opera and go to the page where the issue is occurring.
- Click the Opera menu (red "O" icon) in the top-left corner, then select Developer > Developer tools.
- In the Developer Tools panel, select the Network tab.
- Check the Preserve log checkbox to retain logs during navigation.
- Check the Disable cache checkbox to prevent cached responses from affecting the log.
- Ensure the record button at the top-left of the Network tab is red. If it's gray, click it to begin recording.
- If the issue occurs during page load or navigation, start recording before opening the relevant page in your Document360 project.
- If the issue occurs after you've already reached the page, first navigate to that page, then click the clear icon to remove any existing logs.
- Reproduce the issue while the Network tab is recording.
- After the issue is reproduced, click the Export HAR button to download the file.
- Choose a file name and save the HAR file to your computer.
- Attach the HAR file to your support request.
Opera exports a sanitized HAR file by default, but it's still a good idea to review the file before sharing it, especially if your project handles sensitive data.
You can use Cloudflare's HAR Sanitizer to remove sensitive information before sharing your HAR file.