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 the Preserve log and click the ⦸ icon to clear any old logs.

• Reproduce the issue.

• Click the Export HAR icon and save the file with the content.

  

• 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.

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.

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.

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.

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.