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

Last Modified

Mon 08 Feb 15:25 GMT 2021

Description

  • How to save Chrome/Firefox/Edge developer tools HAR files to supply to support
  • How to save console logs in Chrome

Environment

  • All N-able Products

Solution

  • Chrome:
    1. Press F12, Ctrl + Shift + I or from the Chrome menu select More tools > Developer tools
    2. From the panel 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 as red
      • If it's grey, click it once to start recording
    4. Check the box next to Preserve log
    5. Click the Clear button to clear out any existing logs from the Network tab
    6. Now try to reproduce the issue
    7. Once you have reproduced the issue, right-click anywhere on the grid of network requests
    8. Select Save as HAR with Content
    9. 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:
    • Details on how to gather HAR files for Microsoft Edge can be found in their help documentation
    1. Press F12 to open the debug pane.
    2. Clear the session history before reproducing.
      • To clear the session history press the button indicated by three lines and a red "X".
    3. Press the play button at the top left of the debug pane to start recording.
    4. Reproduce the issue.
    5. Press the red square to stop recording.
    6. Export the results as a HAR file by pressing the save button that is identified as a floppy disk
  • 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 Export captured traffic (second from left) and save the network trace as an xml file.
  • G Suite:
    • The G Suite Toolbox HAR Analyzer also has details on how to collect HAR files here
  • 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