Articles on: Trouble Shooting
This article is also available in:

Access your browser's developer console and network logs

When you report an issue to our Customer Support team, we may ask for a screenshot of your web browser's Console and/or Network logs to troubleshoot the problem thoroughly. Console/Network Logs often contain important error details to identify the root cause of the issue/bug that you're facing inside ShopBase. In this article, we will guide you on how to access these logs in your web browser.

In this article



A. Apple Safari
B. Google Chrome
C. Mozilla Firefox
D. Microsoft Edge

A. Apple Safari



In Safari Browser, console and network logs are available as a part of Developer Menu.

To enable the Developer Menu in Safari, go to Safari Menu > Preferences.


In the Advanced Tab, tick Show develop menu in menu bar.


Once this function is enabled, go to the desired webpage and find the developer console by clicking on Develop > Show Javascript Console, or use shortcut Option + ⌘ + C.


The console will either open up within your current Safari window, or in a new window. The Console tab will be selected automatically. Here, you can find the current error messages (displayed in red) along with other console level information such as warnings and info.



To open the Network logs, switch to Network tab and refresh the webpage. Errors are displayed in red.
Click on the error to open the details. You can find critical error information in Preview and Headers tab. Please check with your designated support agent to determine which information to share.



B. Google Chrome



In Google Chrome, open Chrome Menu in the upper-right corner of the browser window and select More Tools > Developer Tools. You can also use shortcut Option + ⌘ + J (on macOS), or CTRL + Shift + J (on Windows/Linux).



The console will either open up within your current Google Chrome window, or in a new window. Select Console tab. Here, you can find the current error messages (displayed in red) along with other console level information such as warnings and info.



To open the Network logs, switch to Network tab and refresh the webpage. Errors are displayed in red. You can also use shortcut Option + ⌘ + I (on macOS), or CTRL + Shift + I (on Windows/Linux).
Click on the error to find the error details. Navigate across Header, Preview and Response tabs to know more about the error and its origin. Please check with your designated support agent to determine which information to share.



C. Mozilla Firefox



In Firefox, open Firefox Menu in the upper-right-hand corner of the browser and select More Tools > Browser Console. You can also use shortcut Shift + ⌘ + J (on macOS), or CTRL + Shift + J (on Windows/Linux).


The Browser console will open up within your current window, or in a new window. Here, you can find the current error messages (displayed in red) along with other console level information such as warnings and info.



To open the Network logs, switch to Network tab and refresh the webpage. Errors are displayed in red.
Click on the error to find the error details. Navigate across Header and Response tabs to know more about the error and its origin. Please check with your designated support agent to determine which information to share.



D. Microsoft Edge



In Microsoft Edge, open the Edge Menu in the upper-right-hand corner of the browser window and select More Tools > Developer Tools. You can also use shortcut CTRL + Shift + I.


The console will either open up within your current Microsoft Edge window, or in a new window. Select Console tab. Here, you can find the current error messages (displayed in red) along with other console level information such as warnings and info.



To open the Network logs, switch to Network tab and refresh the webpage. Errors are displayed in red.
Click on the error to find the error details. Navigate across Header, Preview and Response tabs to know more about the error and its origin. Please check with your designated support agent to determine which information to share.





Gather information for troubleshooting sites

Updated on: 23/08/2022

Was this article helpful?

Share your feedback

Cancel

Thank you!