Locating the Developer Console in Your Web Browser

Google Chrome

To open the developer console in Google Chrome, open the Chrome Settings Menu in the upper-right-hand corner of the browser window and select More Tools > Developer Tools.

You also may do a keyboard shortcut for opening it up as well. Press Ctrl + Shift + J (Windows/Linux) or + Opt + J (Mac) to open the console directly.

Screenshot showing how to open the developer console on Google Chrome

The console will either open up within your existing Chrome window, or in a new window. You may have to select the Console tab.

Screenshot displaying the developer console with errors on Google Chrome

Apple Safari

Before you can access the developer console in Safari, you first need to enable the Developer Menu. To do that, go into Safari’s preferences (Safari Menu > Settings) and select the Advanced Tab.

Screenshot showing the Safari settings page

Once that menu is enabled, you will find the developer console by clicking on Develop > Show Javascript Console.

You can also use the shortcut Option + ⌘ + C.

Screenshot showing how to access Safari developer console

The console will either open up within your existing Safari window, or in a new window. It will automatically select the Console tab.

Screenshot showing the Safari developer console open

Mozilla Firefox

To open the developer console in Firefox, click on the Firefox Menu in the upper-right-hand corner of the browser and select More Tools > Browser Console.

You can also use the shortcut Shift + Ctrl + J (Windows/Linux) or Shift + ⌘ + J (Mac) to open the console.

Screenshot showing how to open developer console on Mozilla Firefox

The Browser console will open in a new window. Make sure before taking a screenshot for customer support, that you can see the whole console window. You can expand it by dragging the window by the corner.

Screenshot of developer console on Mozilla Firefox with cursor highlighted

Microsoft Edge

To open the developer console 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 press CTRL + Shift + i to open it.

Screenshot showing how to open developer tools on Microsoft Edge

The console will either open up within your existing Edge window, or in a new window. You may have to select the Console tab.

Screenshot showing how to access the console via Microsoft Edge

Journal from here, there, everywhere.

Download the Day One journal app for free on iPhone, Android, iPad, Mac, and Apple Watch.

IOS
Journal from here there and everywhere mobile devices image.
Android