All Collections
Miscellaneous
How To Capture Console And Network Logs From Browsers
How To Capture Console And Network Logs From Browsers

This article has information on capturing the console and network logs using the developer tools using Windows or Mac.

Kristine Marhilevica avatar
Written by Kristine Marhilevica
Updated over a week ago

If you are experiencing issues displaying your Ardoq content in web browser or similar, we may ask you to capture one or more Chrome, Microsoft Edge, Safari browser logs. Below are a few types of logs, and how to capture them to send to us if our support team requests it.

Below you will find information on how to capture the console and network logs using the developer tools using Windows or Mac. It is very important to capture both console and network logs for troubleshooting purposes for the Ardoq Support team.

For Windows

Microsoft Edge for Console logs

  1. On Microsoft Edge, click on the three dots icon from the upper-right corner of the web browser.

  2. Then, click on More tools > Developer Tools. The Developer Tools panel opens.

  3. From the Developer panel, click on the Console tab.

  4. Click on the gear icon on the top right sidebar.

  5. Next, click on the Preserve log checkbox.

  6. Ensure that the 'All levels' is selected.

  7. Then, click on the Clear button (or CTRL-L from the console page). This is to start clean when replicating an issue.

  8. Reproduce the issue that you have observed. Save the logs by doing right click> Save as and share it with us.

    Microsoft Edge for Network logs

  1. From the Developer panel, click on the Network tab. Reproduce the issue, find the request with red status 422 if possible, and save all as HAR with content, zip the file, and share it with us.


Using Chrome for Console logs

From the Settings drop-down menu, select More Tools and then Developer Tools(Ctrl+Shift+I or F12), then switch to the console tab. Replicate the issue and right click on the console and hit save as. This will save the log locally.

Using Chrome for Network logs

  1. To the right of the address bar, click and then More tools > Developer tools. Chrome’s Developer tools window opens.

  2. Click the Network tab.

  3. Enable the Preserve Log check box.

  4. Click Clear .

  5. While the console remains open, reproduce the issue.

  6. After you reproduce the issue, right-click any line (or find the request with red status 422) and select Save all as HAR with content.

For Mac

Using Safari for Console and Network Logs

To get a network log with Ardoq application running on Safari, follow these steps:

  1. Click Safari > Preferences and then the Advanced tab.

  2. Select the Show Develop menu in the menu bar check box. Safari adds the Develop menu to the browser.

  3. Close Safari Preferences.

  4. Navigate to the issue area in Ardoq application via Safari, and on the Develop menu, click Show JavaScript Console.

  5. Click the Network tab.

  6. Leave the console open and reproduce the issue.

  7. After you reproduce the issue, right-click on any line on the right (or find the request with red status 422) and select Export as HAR.

  8. Save the file.

Using Chrome for Console Logs

To open the developer console in Google Chrome, open the Chrome Menu in the upper-right-hand corner of the browser window and select More Tools > Developer Tools.

You can also use Option + ⌘ + J (on macOS)

Using Chrome for Network logs

  1. To the right of the address bar, click and then More tools > Developer tools. Chrome’s Developer tools window opens.

  2. Click the Network tab.

  3. Enable the Preserve Log check box.

  4. Click Clear .

  5. While the console remains open, reproduce the issue.

  6. After you reproduce the issue, right-click any line (or find the request with red status 422) and select Save all as HAR with content.

  7. Name and save the file.

Did this answer your question?