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.
A. Apple Safari
B. Google Chrome
C. Mozilla Firefox
D. Microsoft Edge
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.

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.

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.

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
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.

Related articles
Gather information for troubleshooting sites
Updated on: 23/08/2022
Thank you!