The Developer Console is a powerful tool when troubleshooting website issues. Often sharing a screenshot of any errors you see with support can be very helpful. Opening it can be a little different depending on what browser you use.
Chrome
Open the Chrome menu at the top-right of your browser window, then select More Tools > Developer Tools.
Keyboard Shortcuts:
Mac: Cmd + Opt + I
Linux: Ctrl + Shift + I
Windows: F12
FireFox
From the menu: select "Browser Console" from the Web Developer submenu in the Firefox Menu (or Tools menu if you display the menu bar or are on macOS)
Keyboard Shortcuts:
Mac: Cmd + Opt + I
Linux: Ctrl + Shift + I
Windows: Ctrl + Shift + I
Safari
If you haven't used the developer tools in Safari you might need to enable it first.
-
Choose Safari > Preferences, and click Advanced.
-
At the bottom of the pane, select the “Show Develop menu in menu bar” checkbox.
-
Choose Develop > Show Web Inspector.
Once the Develop menu has been enabled, you can go to the Develop menu in the menu bar and then select the "Show JavaScript Console" option.
Keyboard Shortcut:
Cmd + Opt + C
Edge
To open the Console developer tool in Microsoft Edge, right-click and select "Inspect Element", to access the developer tool window, then navigate to the Console tab at the top of the window.
Keyboard Shortcut:
F12