Generate a HAR File and Error Console Log for Troubleshooting

Orgvue Support may occasionally need additional information about the network requests that are generated in your browser for reported issues. To help us pinpoint what the cause of a reported issue is, we'll ask you to repeat the steps that led to the error by recording it via the Network and Console tabs in your browser's developer tools (i.e., DevTools). 

The console log and HAR file contains information about the interaction between a browser and a website. A HAR file includes data such as the content of your cookies and the pages you downloaded while making the recording.

What is a HAR?

HAR, short for HTTP Archive, is a format used for tracking information between a web browser and a website (i.e., while on Orgvue). A HAR file is primarily used for identifying performance issues, such as bottlenecks and slow load times, and page rendering problems.

How to generate a HAR file and an Error Console log

1. Open up DevTools

Option 1. Depending on what type of browser you're on, the following are shortcuts to open DevTools:

• CTRL+Shift+I (using Microsoft Edge)
• Option + ⌘ + J (using macOS),
• Shift + CTRL + J (using Windows/Linux)
• F12 (using Google Chrome)

1. Once DevTools opens up, navigate to the Network tab, hit Ctrl+R to perform a request or record the refreshed page
2. Repeat the action that resulted in the error.
3. When it is finished populating in the network tab, navigate to the top menu and find the download icon.  Click on it to export the HAR log file.

Example, if you are using an Edge or Chrome browser:

4. Also, While in Dev Tools, navigate to the Console tab.

a. Look at the left panel for Errors, click on it, if you don’t see any errors try reloading the page. The error may be generated when the page loads.
b. Make sure "preserve log" is checked/selected.

5. Right click in the white space beneath the grid of network request(s) and click 'Save as ...' to save the Error Console Log.
 

Option 2. Open DevTools directly on whichever browser you choose.

Note: This is tab and window dependent, so if the issue occurs in a new tab or window, the HAR recording needs to be done in that new tab or window.

1. Click the vertical ellipsis menu button and select More Tools, then click Developer Tools.
Example:

2. Click the Network tab, then click the Record button in the upper left corner of the tab and verify that it is red, if it is grey, click it to start recording.

a. Check the box Preserve Log.
b. Click the Clear button to clear out any existing logs from the Network tab.

Note: Do not close the Developer Tools panel.  This will end recording and the needed HAR file will be lost.

3. Reproduce the issue that was being experienced, while the network requests are being recorded.
4. Once you have reproduced the issue fully, right-click anywhere on the grid of network request and choose Save as HAR with Content and save the file to the computer.
5. Additionally, Select the Console tab.

a. Right-click anywhere in the console and select Save as....
b. Name the log file Chrome-console.log.

Lastly, however you chose to retrieve the HAR and Console logs, please attach both the HAR file and Chrome-console.log file to your email to send to Support.

Note: It may be necessary to ZIP the HAR log first as it is possible the HAR log could be quite large.