Generating HAR File and Error Console Logs 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 (Microsoft Edge)
Option + ⌘ + J (on macOS),
or Shift + CTRL + J (on Windows/Linux)

1. Once DevTools opens up, navigate to the Network tab, repeat the action that resulted in the error.
2. When it is finished populating in the network tab, right click on the grid of network request(s) and "Save as a HAR file".

Example:

3. 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.
4. Right click anywhere in the grid of network request(s) and save log.

Option 2. You can also open up 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.