Network Management

How to save browser developer tools HAR files to provide to support

This article describes how to save Chrome/Firefox/Edge developer tools HAR files to supply to support, and how to save console logs in Chrome.

First published date

1/18/2021 10:33 PM

Last published date

7/21/2022 8:13 AM

Overview

  • When troubleshooting web console performance issues, it may be necessary to gather information on how web pages and elements on the page load in browsers, and this article goes over how to gather this data.
  • The steps can be performed when the customer is not able to access the Web Console and is getting HTTP 404 Error when trying to access via hostname, IP Address, and FQDN.
image.png
 

Product section

Network Performance Monitor

Resolution

Chrome:
  1. Press F12, Ctrl + Shift + I, or from the Chrome menu select More tools > Developer tools
  2. From the panel that opens at the bottom of your screen, select the Network tab
  3. Make sure the Record button in the upper left corner of the Network tab is shown in red
  4. If it's grey, click it once to start recording
  5. Check the box next to Preserve log
  6. Click the Clear button to clear out any existing logs from the Network tab
  7. Now try to reproduce the issue
  8. Once you have reproduced the issue, right-click anywhere on the grid of network requests
  9. Select Save as HAR with Content
  10. Save the file to your computer
Firefox:
  1. Press F12 ​(or Go to Tools > Web Developer > Network)
  2. Refresh the page having issues 
  3. Right-click on the loaded results
  4. Select Save all as har
Edge:
1. Right-click in the browser window or tab and select Inspect.
2. Click the Network tab in the panel that appears.
3. Navigate to the URL you want to traffic.
a. Enter the URL.
b. then press "CTRL + R"
4. Once done, click the download button (Export HAR appears when you hold the pointer over it.)
5. Name the file accordingly.
6. Click Save.
  • For more information, you may also visit the help documentation  (© 2021 Microsoft, available at https://docs.microsoft.com/, obtained on January 18, 2021)
IE 11:
  1. In IE11 press F12 or go to the Tools menu and select “F12 Developer Tools” 
  2. Select the Network tab
  3. Press the green play button “Enable network traffic capturing F5” on the left to start capturing. Do this before logging in to the dashboard. 
  4. Refresh the page by pressing F5 on your keyboard, and the network traffic should be displayed
  5. Once the trace is complete, i.e. the problem has been reproduced with the trace running, press the “Export captured traffic” (second from left) and save the network trace as an XML file.
Saving Console Logs in Chrome: ​​​​​​
  1. Press F12, Ctrl + Shift + I, or from the Chrome menu select More tools > Developer tools
  2. Select the Console tab
  3. In the toolbar at the top of the Console Tab, ensure that all log levels are selected, including Verbose
  4. Click on the Console settings gear icon in the top right of the tab.
  5. Click on Preserve log
  6. After reproducing the issue, right-click anywhere in the bottom logs section of the frame and click on Save as
  7. Save the file with a .log extension