How To Capture Console And Network Logs From Browser

If you are experiencing issues displaying your questions & answers 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 browser’s developer tools. It is very important to capture both console and network logs for troubleshooting purposes for the Support team.

Console logs

  1. On your browser, 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.

image-20240820-031921.png
  1. Ensure that the 'All levels' is selected.

image-20240820-032952.png
  1. Then, click on the Clear button (or CTRL-L from the Console tab). This is to start clean when replicating an issue.

image-20240820-033612.png
  1. Reproduce the issue that you have observed. Save the logs by doing right click> Save as and share it with us.

image-20240820-035151.png

Network logs

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

  2. Then More tools > Developer tools. Developer tools window opens.

  3. Click the Network tab.

  4. Enable the Preserve Log and Disable cache check boxes.

image-20240820-041119.png
  1. Then, click on the Clear button (or CTRL-L from the Network tab). This is to start clean when replicating an issue.

  2. While the Network tab remains open, reproduce the issue.

  3. After you reproduce the issue, right-click any line and select Save all as HAR with content and share it with us.

image-20240820-041641.png

 

 

 

 

 

 

 

 

Related content