: How do I open the JavaScript console in different browsers? Web browsers provide a JavaScript console as part of their developer tools. This console is useful for the following reasons: Errors

@Courtney195

Chrome

Opening the “Console” panel of Chrome’s DevTools:


Windows: Ctrl + Shift + J
Mac OS: Cmd + Opt + J


Note: In addition to the “Console” panel, there also exists a smaller slide-up console which can be toggled via Esc while any of the other panels is active.

Full documentation



Firefox

Opening the “Console” panel in Firefox’s Developer Tools:


Windows: Ctrl + Shift + K
Mac OS: Cmd + Opt + K


Note: In addition to the “Console” panel, there also exists a smaller slide-up console which can be toggled via Esc while any of the other panels is active.

Full documentation



Internet Explorer

Opening the “Console” panel in Internet Explorer’s F12 Developer Tools:


F12, then click on the “Console” tab


Note: In addition to the “Console” panel, there also exists a smaller slide-up console which can be toggled via Ctrl + ` while any of the other panels is active.

Full documentation



Safari

Note: In order to view the console in Safari, you have to enable the “Show Develop menu in menu bar” setting in the “Advanced” pane of Safari’s preferences (screenshot).

Opening the “Console” panel in Safari’s Web Inspector:


Cmd + Opt + C


Note: In addition to the “Console” panel, there also exists a smaller slide-up console which can be toggled via Esc while any of the other panels is active.

Full documentation



Opera


Windows and Linux: Ctrl + Shift + I
Mac : ⌘+⌥+I


Full documentation

Vote Up Vote Down

@Lengel546

To indirectly reach the Console in Opera (checked on v9.6) the shortcut is CTRL + SHIFT + I while on Safari 5 (on Windows) it is CTRL + ALT + I

I wish all the browser makers could get together to standardize the keyboard shortcuts.

Update: It appears that the REPL tab under the Scripts tab in Opera Dragonfly in Opera 11 is similar to the Console option that was available in previous Opera versions.

I did not found much documentation on REPL after a cursory search, except for this article which has an indirect reference.

I tried this command in REPL with the Google home page open & it executed fine i.e. it hid the Google logo -
document.getElementById('logo').style.visibility = 'hidden';

Vote Up Vote Down