Skip to content

Instantly share code, notes, and snippets.

@woodsaj
Created November 6, 2018 04:57
Show Gist options
  • Save woodsaj/af7fa4833ef33388365d5dfdb609d285 to your computer and use it in GitHub Desktop.
Save woodsaj/af7fa4833ef33388365d5dfdb609d285 to your computer and use it in GitHub Desktop.
Instructions for generating HAR files with Chrome or Firefox

How to generate a HAR file in Chrome

Start by opening Google Chrome.

  • In Chrome, go to the page within our application where you are experiencing trouble

  • Select the Chrome menu (⋮) at the top-right of your browser window, then select Tools > Developer Tools.

  • The Developer Tools will open as a docked panel at the side or bottom of Chrome. Click on the Network tab.

  • Select the option Preserve log (at the top of the panel)

  • The recording should autostart and you will see a red circle at the top left of the Network tab. If not, click the black circle, to start recording activity in your browser.

  • Refresh the web page you are on. The goal is to reproduce the problem you've been experiencing while Google Chrome is recording activity.

  • Once you've encountered the problem successfully while recording, right-click within the Network tab and click Save as HAR with Content to save a copy of the activity that you recorded.

  • Save the HAR file somewhere convenient.

You're done! Please attach the HAR file to an email or share it on slack.

How to generate a HAR file in Firefox

Start by opening Firefox.

  • In Firefox, go to the page within our application where you are experiencing trouble.

  • Select the Firefox menu (Three horizontal parallel lines) at the top-right of your browser window, then select Developer > Network.

  • The Developer Network Tools will open as a docked panel at the side or bottom of Firefox. Click on the Network tab.

  • The recording will autostart once you start performing actions in the browser.

  • Refresh the web page you are on. The goal is to reproduce the problem you've been experiencing while Firefox is recording activity.

  • Once you have reproduced the issue and you see that all of the actions have been generated in the Developer Network Panel (should just take a few seconds), right click anywhere under the "File" column and click on "Save all as Har" > Save the file somewhere convenient.

  • Save the HAR file somewhere convenient.

You're done! Please attach the HAR file to an email or share it on slack.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment