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.

 

Chrome

Open the Chrome menu Chrome menu at the top-right of your browser window, then select 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. 

  1. Choose Safari > Preferences, and click Advanced.

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

    ../Art/00developmenu.shot/Resources/shot_2x.png
  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

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

 

Have more questions? Submit a request
Powered by Zendesk