If you've already gone through all of the troubleshooting steps in our Browser Troubleshooting article and need additional information to send to our Support Team, this article will walk you through the Browser Console.
In this article:
Why check the browser console?
Why check the browser console?
If things aren't working the way you expect on your page, it's worth checking your internet browser's error console to see if there are any error messages showing up behind the scenes. It's fairly easy to check, and can be a very helpful step in resolving an issue!
Sometimes there won't be any error messages, but other times you will find error messages containing information about what's causing the problem. In particular, watch for messages about any external software integrations you're using, or for messages about issues with custom code you've added.
If there is an error, it's okay if you don't understand what it means. The best step is to take a screenshot of the error and send it over to our customer support team, and we'll be happy to take a look to see if we can make sense of it!
Below we've included the exact steps for Google Chrome and Firefox browsers, but if you're using another browser, the steps will be very similar.
Steps for Diagnosing in Google Chrome
- Make sure you're on the page that you're experiencing an issue with, right-click to pull up the dropdown menu and choose the Inspect option:
- In the new window that opens, look for the Console tab and click it:
- Check for error messages in the console:
Steps for Diagnosing in Safari
Before you can view the console in Safari, you will need to enable it in Safari Settings.
- Go to Safari Menu, Preferences, and select the Advanced tab.
- Check the box that says "Show develop menu in menu bar"
Once you've enabled that menu, you will be able to inspect browser pages by right clicking and selecting Inspect Element. - Right-clicking a specific page element will open that element in the inspector view.
- Choose Develop, click Show Web Inspector from the top menu bar.
- Use the shortcut command-option-I.
- Send a screenshot of those errors to our Support team to help troubleshoot.
Steps for Diagnosing in Firefox
- Make sure you're on the page that you're experiencing an issue with, right-click to pull up the dropdown menu and choose the Inspect Element option:
- In the new window that opens, look for the Console tab and click it:
- Check for error messages in the console:
Steps for Diagnosing in Edge
- Make sure you're on the page that you're experiencing an issue with, right-click to pull up the dropdown menu and choose the Inspect Element option:
- In the new section that opens, look for the Console tab and click it:
- Send a screenshot of those errors to our Support team to help troubleshoot.