Open Developer Console in Various Browsers

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.



Open the Chrome menu Screenshot_2023-05-24_at_2.45.47_PM.png  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


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


If you haven't used the developer tools in Safari you might need to enable it first. 

  1. Choose Safari > Preferences, and click Advanced.

  2. At the bottom of the pane, select the “Show Develop menu in menu bar” checkbox.

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


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:



Have more questions? Submit a request