When you work with our Support team to troubleshoot issues you are experiencing with our platform, such as channel disconnections, our team may ask you to provide a HTTP archive file, or HAR file, and console log. A HAR file is a log of network activity (requests and responses) you make in your browser when you access different sites or log into web-based platforms, such as your social media accounts or Brandwatch. The console log records any code messages and errors encountered by the network.

These logs of data can be valuable to our technical teams in helping you resolve connection issues you may be experiencing in our platform. In this article, learn how to create and export a HAR file and console log from different browsers and provide them to our Support team.

Creating a HAR file

The process to export a HAR file will vary slightly depending on your browser.

Creating and exporting a HAR file from Chrome

1. Navigate to the Chrome browser page where the issue is occurring, then right-click the page and choose Inspect. Or, click Customize (three dots icon) in the top-right corner of Chrome, then select More Tools > Developer Tools.
2. Chrome DevTools will open a panel in the page. Select the Network tab at the top of the panel and make sure the Record icon in the top-left of the Network tab is red (actively recording).
3. Check the Preserve Log checkbox if it isn’t already checked.
4. Click Clear Network Log (crossed circle icon) to clear the Network log of old requests.
5. Reproduce the issue in your browser while the network log is recording.
6. Click the Download icon (will say Export HAR... when moused over).
7. Give the file a unique name and save it to your device.

Capturing the console log in Chrome

You can access the console log via the Console tab in Chrome DevTools and screenshot it to provide it to the Support team.

1. In DevTools, click the Console tab.
2. Screenshot the console log (Cmd + Shift + 4 on Mac or Windows key + Shift + S on Windows to screenshot a portion of the screen).
3. By default, your screenshot will save to your Desktop on Mac or your user/Pictures/Screenshots folder on Windows. Be sure to rename the file with a unique name.

Creating and exporting a HAR file from Firefox

1. Navigate to the Firefox browser page where the issue is occurring, then right-click the page and choose Inspect. Or, select Tools > Browser Tools > Web Developer Tools from the top navigation menu of Firefox.
2. Firefox Web Developer Tools will open a panel in the page. Select the Network tab at the top of the panel.
3. Reproduce the issue in your browser while the network log is recording.
4. Click Network Settings (gear icon) on the right side of the panel and select Save all as HAR.

   Note:

   If this option is grayed out, reload the page and reproduce the issue to generate the network log, then the Save all as HAR option should appear.

5. Give the file a unique name and save it to your device.

Capturing the console log in Firefox

You can access the console log via the Console tab in Firefox Web Developer Tools and screenshot it to provide it to the Support team.

1. In Firefox Web Developer Tools, click the Console tab.
2. Screenshot the console log (Cmd + Shift + 4 on Mac or Windows key + Shift + S on Windows to screenshot a portion of the screen).
3. By default, your screenshot will save to your Desktop on Mac or your user/Pictures/Screenshots folder on Windows. Be sure to rename the file with a unique name.

Creating and exporting a HAR file from Safari

1. Navigate to the Safari browser page where the issue is occurring, then select the Develop menu in Safari’s top navigation bar, then Connect Web Inspector.
   

   Note:

   If you don’t see the Develop option in Safari’s top navigation bar, select Safari > Settings. In the Settings menu, select the Advanced tab, then check the Show features for web developers checkbox at the bottom of the tab.

   
2. In the Web Inspector, select the Network tab.
3. Reproduce the issue in your browser while the network log is recording.
4. Click Export on the right side of the panel to export the HAR file.
   

   Note:

   If this option is grayed out, reload the page and reproduce the issue to generate the network log, then the Export button should appear.

5. Give the file a unique name and save it to your device.

Capturing the console log in Safari

You can access the console log via the Console tab in Safari Web Inspector and screenshot it to provide it to the Support team.

1. In Web Inspector, click the Console tab.
2. Screenshot the console log (Cmd + Shift + 4 on Mac or Windows key + Shift + S on Windows to screenshot a portion of the screen).
3. By default, your screenshot will save to your Desktop on Mac or your Pictures/Screenshots folder on Windows. Be sure to rename the file with a unique name.

Creating and exporting a HAR file from Edge

1. Navigate to the Edge browser page where the issue is occurring, then right-click the page and choose Inspect. Or, select Tools > Browser Tools > Web Developer Tools from the top navigation menu of Edge.
2. Edge DevTools will open a panel in the page. Select the Network tab in DevTools and make sure the Record icon in the top-left of the Network tab is red (actively recording).
3. Check the Preserve Log checkbox if it isn’t already checked.
4. Click Clear Network Log (crossed circle icon) to clear the Network log of old requests.
5. Reproduce the issue in your browser while the network log is recording.
6. Click the Export icon (will say Export HAR... when moused over).
7. Give the file a unique name and save it to your device.

Capturing the console log in Edge

You can access the console log via the Console tab in Edge DevTools and screenshot it to provide it to the Support team.

1. In DevTools, click the Console tab.
2. Screenshot the console log (Cmd + Shift + 4 on Mac or Windows key + Shift + S on Windows to screenshot a portion of the screen).
3. By default, your screenshot will save to your Desktop on Mac or your user/Pictures/Screenshots folder on Windows. Be sure to rename the file with a unique name.

Providing a HAR file to our Support team

Once you have your HAR file, you can provide it to our Support team by uploading it and attaching it to your Support ticket, or sending it to us as an email attachment to social-support@brandwatch.com.