/ /
Troubleshooting: Capturing a HAR File & Console Screenshot
Updated 4 months ago

For issues where Support cannot replicate the behavior, NovoEd Engineering will need specific information from the affected user; this typically is providing a HAR file and a screenshot of the console by the affected user.

How to Capture a HAR File

Instructions to access the HAR file from Chrome. Instructions for other browsers are available here.

  1. Open Google Chrome (a new incognito window is recommended) and go to the page where the issue is occurring.
  2. From the Chrome menu bar select More Tools > Developer Tools.
  3. From the panel opens at the bottom of your screen, select the Network tab.
  4. Look for a round red Record button ( mceclip1.png ) in the upper-left corner of the Network tab, and make sure it is red. If it is grey, click it once to start recording.
  5. Check the box next to Preserve log .
  6. Click the Clear button ( mceclip0.png ) to clear out any existing logs from the Network tab.
  7. Refresh the page ( Screen_Shot_2019-11-06_at_1.04.55_PM.png ) where the issue is occurring.
  8. Now try to reproduce the issue that you were experiencing before, while the network requests are being recorded.
  9. Once you have reproduced the issue, right click anywhere on the grid of network requests, select Save as HAR with Content , and save the file to your computer.
  10. Upload your HAR file to your ticket or attach it to your email so that we may analyze it.

Here is a brief animation showing this process:


HARexport.gif

 

How to Screenshot Your Console

1. From the Chrome menu select More Tools > Developer Tools.

2. Navigate to the Console tab in Developer Tools

Console.png

2.  Make sure you are capturing the errors from the beginning/top of the screen

3. Then according to your computer setup, take a screenshot (How Do I Take a Screenshot?)

 

Console.gif

 

Was this article helpful?