“Developer Console” and how to open it in different browsers

“Developer Console”, “Browser Console”, “Web Console” all these terms stand for the instrument that comprises various tools that displays information about the webpage ( incl. JavaScript and CSS errors, logs, notifications, debug messages, etc.) that can help to find and remove script errors in a short period of time.

Open ‘Developer Console’ in Chrome/Chromium.

1) press F12 and the window will appear with already opened ‘Console’.

2) Click on ‘Menu’ on the right top corner of the browser window, move to ‘More tools’ and select ‘Developer tools’. On the right side there will open a toolbox with already opened ‘Console’.

Open “Developer Console” in Mozilla Firefox. There are 2 ways:

1) Open browser menu, find ‘Developer’ ( Web Developer tools) and select ‘Web Console’. For those who use Menu Bar or Mac OS X, go to ‘Tools’, navigate to ‘Web Developer’ and choose ‘Web Console’.

2) press the shortcut ‘Ctrl+Shift+K’ for Windows and Linux and ‘Command+ Option+K’ for Mac OS X. In the bottom of the webpage there will appear the Toolbox with the already selected Console.

Open ‘Developer Console’ in Internet Explorer.

1) press F12 and then click on the ‘Console’ tab.

Open ‘Developer Console’ in Safari.

1) press the keyboard combination ‘Command+Option+C’. NOTE: to be able to access the ‘Console’, it is necessary to enable the Develop Menu. To make it work, move to ‘Edit’, ‘Preferences’ tick ‘Show Develop menu in menu bar’ setting down in the window under the ‘Advanced’ pane.

Open ‘Developer Console’ in Opera.

1) For Windows and Linux press the shortcut ‘Ctrl+Shift+I’.
2) For Mac OS press ‘⌥ + ⌘ + I’

Open ‘Developer Console’ in Microsoft Edge.

1) press F12 to open tools interface and in the opened toolbox in the bottom of the page click on ‘Console’ tool tab.

Leave a Reply

Your email address will not be published. Required fields are marked *