How To Capture or Export Browser Console and Network Logs

Avatar
by Santino
Follow

This article will go through how to capture Browser Developer Logs or export your network logs. This is useful in scenarios where additional troubleshooting and information are required for ScreenCloud's development teams to help resolve complex or escalated bug reports. Your web browser logs or network logs can help spot errors or important data to help expedite resolving specific issues. For example, logs are useful for looking into:

  • Errors or issues with webpages, apps, or ScreenCloud services from your web browser
  • Errors or issues while logging into ScreenCloud's website or connecting services
  • An issue isolated to a device or network set-up which cannot be replicated in our test lab

 

Table of contents:

1. How to export Chrome Browser Console Logs

2. How to export Mozilla Firefox Browser Console Logs

3. How to export network logs

 

Please note, Google Chrome and Mozilla Firefox are the recommended browsers to use with ScreenCloud. You can learn more about which browsers to use with ScreenCloud by clicking here. The steps below outline how to export your logs respectively using a Chrome or Mozilla Firefox browser.

 

1. How to capture Chrome Browser Console Logs

1.1. Open your Google Chrome web browser. Please perform your steps to replicate or display the issue, error, or challenge you're seeing while using ScreenCloud from your web browser. 

 

1.2. While the issue occurs, click on your "Settings" icon in the right-hand corner and select "More Tools".

 

1.3. From "More Tools", select the "Developer Tools" option.

Chrome_1.png

 

1.4. By default, the Console option should be highlighted. Click this to display the Console logs. 

Chrome_2.png

 

1.5. You can either take a screenshot of your Console logs or right-click and select "Save As" to export your logs as a text file. Please email the screenshot or .log file related to your issue directly at support@screencloud.com or send this as an email attachment in your existing ticket request.

Screen_Shot_2021-04-06_at_11.59.08_AM.png

 

2. How to capture Mozilla Firefox Browser Logs

2.1. Open your Mozilla Firefox browser. Please perform your steps to replicate or display the issue, error, or challenge you're seeing while using ScreenCloud from your web browser. 

 

2.2. While the issue occurs, click on your "Settings" icon in the right-hand corner and select "Web Developer".

Mozilla_1.png

 

2.3. From "Web Developer", select "Browser Console".

Mozilla_2.png

 

2.4. This brings up a pop-up window with your browser console logs. From here, you can take a screenshot of your log window or right-click to access "Export Visible Messages To" and export your logs as a "File". Please email the screenshot or .log file related to your issue directly to support@screencloud.io or send this as an email attachment in your existing ticket request.

Screen_Shot_2021-04-06_at_12.19.30_PM.png

 

3. How to export network logs

In addition to browser logs, in some cases, exporting network logs can have valuable information in helping to resolve issues while using ScreenCloud's website. For example, this can help debug challenges like login problems as this provides development teams with more data that may be specific or isolated to any network-related impacts. The log file is saved as a HAR file (HTTP Archive Format).

 

3.1. First ensure that the option "Preserve Log" is turned on in your browser. For example, to do this on a Google Chrome browser you can access this from your "Developer Tools" (Tools ā†’ Developer ā†’ Developer Tools / Cmd + Ctrl + L on macOS / Ctrl + Shift + J on Windows).

Screenshot_2020-03-13_at_09.54.47.png

 

3.2. Select the "Network Tab".
Screenshot_2020-03-13_at_09.55.18.png

 

3.3. Turn on "Preserve Log".

Screenshot_2020-03-13_at_09.56.00.png

3.4. Next, please recreate the problem you are experiencing on your web browser. Once you see the error, you can export the information by clicking the "Download" icon button displayed below.

For example, if you're experiencing a login issue or error, it's useful to recreate the exact issue or error and export this for our development team to look into further. Please note, the resulting file will be a large export to your device or computer.

Screenshot_2020-03-13_at_09.58.02.png

 

3.5. Please send your exported network log directly to support@screencloud.com or send this as an email attachment in your existing ticket request. 

 

If you have any additional questions on capturing and exporting browser or network logs, or any other questions or feedback about ScreenCloud, feel free to reach out to our support team at support@screencloud.com or give us a call at our toll-free support line at +18885575335.

 

 

Comments

0 comments
Please sign in to leave a comment.