This article will cover how to open the developer console on the four main browsers via keyboard shortcut and menu selection - Google Chrome, Internet Explorer, Mozilla Firefox and Safari. Links to instructions for each different browser are below.
Skip to Chrome instructions
Skip to Internet Explorer instructions
Skip to Firefox instructions
Skip to Safari instructions
Keyboard shortcut - Control, Shift, and J (on a PC) or Command, Option, and J (on a Mac).
Step 1 - From the button in the top right hand corner of your browser (3 horizontal lines), hover over 'More tools'
Keyboard shortcut - F12 (and then select the 'Console' tab)
Step 1 - From the button in the top right hand corner of your browser ('Tools', the 8 pronged cog symbol), select 'F12 Developer Tools'
Step 2 - Select the 'Console' tab
Keyboard shortcut - Control, Shift, and K (on a PC) or Command, Option, and K (on a Mac).
Step 1 - From the button in the top right hand corner of your browser (3 horizontal lines), select 'Developer' (Spanner symbol)
Step 2 - In the pop-up menu, select 'Web Console'
Keyboard shortcut - Command, Option, and C
Step 1 - From the top left hand corner of your screen, select 'Safari' (next to the Apple logo)
Step 2 - In the drop down menu, select 'Preferences...'
Step 3 - In the pop-up window, select the furthest right tab 'Advanced'
Step 4 - At the bottom of the 'Advanced' window, you should see the option 'Show Develop menu in menu bar'. Tick this.
Step 5 - Close the pop-up window.
Step 6 - Now, along the menu bar at the top of the screen, you should see the word 'Develop' between 'Bookmarks' and 'Window'. Click this.
Step 7 - In the drop-down menu, you'll see the option 'Show Error Console'. Click this to open the console.
Back to top