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 > Web Developer Tools.

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

Screenshot showing how to open developer console on Mozilla Firefox

The Developer Tools will open by default on the right side of your browser. The most common tab we want here is the Console tab. Make sure before taking a screenshot for customer support, that you can see the whole console window. You can expand it by dragging the edge.

Screenshot of developer console on Mozilla Firefox

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

Windows App

To open the developer console in the Windows App, in the main menu open View > Toggle Developer Tools. Or use the keyboard shortcut CTRL + Shift + i to open it.

The console will open within the existing app window. Select the Console tab. 

Screenshot showing how to access the console from inside the Day One Windows App.

Capture life’s moments, anytime, anywhere.

Download the free Day One journal app for free on iPhone, Android, iPad, Mac, and Apple Watch. Or access your Day One Journal from any browser.