How to generate a .HAR file for troubleshooting

Occasionally, we may need additional technical details to help resolve issues you're experiencing when reporting bugs.

In such cases, you might be asked to record a HAR file—a log of your browser's network activity—as the issue occurs. It's also beneficial to include your browser's console logs.

How to Record a HAR File

Follow the steps below, based on your browser type, in order to generate a .HAR file. Once that is done, also gather your console logs in addition.

Google Chrome

  • Navigate to the page where the issue is happening.

  • Click the three-dot menu > More Tools > Developer Tools.

  • Open the Network tab and keep it open.

  • Ensure the round Record button is red. If it's gray, click it to begin recording.

  • Check Preserve log and click the ⦸ icon to clear any old logs.

  • Reproduce the issue.

  • Click the Export HAR icon and save the file with content.export .har button.png

  • Attach the HAR file to your support ticket. 

How to get a screenshot of the Console Logs in Chrome:

Click on the three dot menu in the top right > Developer Tools > Console tab. Alternatively, simply right-click > Inspect > Console tab. Take a screenshot or video recording of any visible errors.

dev tools1 (1).gif

Mozilla Firefox

  • Open Firefox and go to the affected page.

  • Access the Network Monitor.

  • Reproduce the issue.

  • Right-click under the File column > Save All As HAR.

  • Save the file and include it in your support request.

firefox (1).gif

 

How to get a screenshot of the Console Logs in Firefox:

Click the three-line menu in the top right corner > More Tools > Web Developer Tools > Console tab. Alternatively, simply right-click > Inspect > Console tab. Take a screenshot or video recording of any visible errors.

console tab firefox.gif

Safari (macOS)

    • Go to the problematic page.

    • Select Develop > Show Web Inspector > Network tab.

    • Keep the tab open and recreate the issue.

    • Click the Export icon to save the HAR file.

Note: You first need to enable the Develop menu (Safari > Settings > Advanced > check “Show features for developers” menu).

How to get a screenshot of the Console Logs in Safari:

In the Develop menu, select Show JavaScript Console and open the Console tab. Alternatively, simply right-click > Inspect Element > Console tab. Take a screenshot or video recording of any visible errors.

safari.gif

Before sending your HAR file

  • Rename your file to avoid anything that looks like a suspicious extension (e.g., avoid .com in the filename).

  • Compress the file using a ZIP archive to reduce its size.

  • If you are unable to compress the file and the file is too large, please upload it to a cloud service like Google Drive or Dropbox and share the link in your Support ticket.

Note: HAR files can contain sensitive data, including cookies and the content of pages that were viewed during the recording. Because this information could be personal/confidential, it's crucial to store and share HAR files securely.