Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Apple Safari

Before you can access the developer console in Safari, you first need to enable the Developer Menu.
1. To do that, go into Safari's preferences (Safari Menu > Preferences) and select the Advanced Tab (Fig. 1).
Figure 1. Accessing the developer menu in Safari

...

2. Once that menu is enabled, you will find open the developer console by clicking on Develop > Show Javascript Console. You can also use the shortcut Option + ⌘ + C (Fig. 2).
Figure 2. Opening Java Script Console

...

3. The console will either open up be opened within your existing Safari window, or in a new window. It will automatically select the Console tab (Fig. 3).
Figure 3. Opening the console tab

...

Google Chrome

  1. To open the developer console in Google Chrome, open the Chrome Menu in the upper-right-hand corner of the browser window and select More Tools > Developer Tools. You can also use the shortcut Option + ⌘ + J (on macOS), or Shift + CTRL + J (on Windows/Linux) (Fig. 1).
    Figure 1. Opening the developer tools

...

2. The console will be opened within your existing Chrome window, or in a new window. You may have to select the Console tab (Fig. 2).
Figure 2. Selecting and opening the Console tab

...

Microsoft Edge

  1. To open the developer console in Microsoft Edge, open the Edge Menu in the upper-right-hand corner of the browser window and select F12 Developer Tools.
    You can also press F12 to open it (Fig. 1).
    Figure 1. Opening the developer console

...

2. The console will be opened within the existing Edge window, or in a new window. You may have to select the Console tab.
Figure 2. Selecting and opening the Console tab

...

Mozilla Firefox

  1. To open the developer console in Firefox, click on the Firefox Menu in the upper-right-hand corner of the browser and select Web Developer > Browser Console.
    You can also use the shortcut Shift + ⌘ + J (on macOS) or Shift + CTRL + J (on Windows/Linux) (Fig. 1).
    Figure 1. Opening the developer console

...

2. The Browser console will be opened in a new window (Fig. 2).
Figure 2. Opening the Console tab

...