Sometimes our technical team may ask you to send a screenshot of your browser’s console. The reasons behind this is so that it may be analyzed for a bug, collect evidence of the reported error, and many other reasons. To get to the navigation console, each browser has a different path to take. Having that in mind, we’ve written the necessary steps to help you find the console in Google Chrome, Mozilla Firefox, Microsoft Edge and Safari.
Google Chrome
Keyboard Shortcuts
Windows:
Ctrl+Shift+J: a page extension will open to your right and automatically show the “Console” tab.
Ctrl+Shift+I and click on the “Console” tab. (F12 or Fn+12 will behave the same way).
Mac:
Command+Option+J: a page extension will open to your right and automatically show the “Console” tab.
Command+Option+I and click on the “Console” tab.
Via menu (Windows and Mac)
1st option
In the foremost upper right corner, click on the three dots.
A dropdown menu will appear, go to “More tools", then "Developer tools".
A page extension will open to your right, select the "Console" tab.
2nd option
Right click on any given space in the page you are in.
Click “Inspect”. A page extension will open to your right and then click on the “Console” tab.
Mozilla Firefox
Keyboard Shortcuts
Windows:
Ctrl+Shift+K: a page extension will open on the bottom half and automatically show the “Console” tab.
Ctrl+Shift+I and click on the “Console” tab. (F12 or Fn+12 will behave the same way).
Mac:
Command+Option+K: a page extension will open on the bottom half and automatically show the “Console” tab.
Command+Option+I and click on the “Console” tab.
Via menu (Windows and Mac)
1st option
In the foremost upper right corner, click on the three horizontal lines.
A dropdown menu will appear and click on "Web developer", then "Web Console".
A page extension will open on the bottom half of the navigator on the desired tab.
2nd option
Right click on any given space in the page you are in.
Click on “Inspect element (Q)” or press “Q”. A page extension will open on the bottom half of the navigator and then click on the “Console” tab.
Microsoft Edge - Windows only
Keyboard Shortcuts
Press F12 (or Fn+F12) then click on “Console” or Ctrl+Shift+2 to toggle to the same tab.
Via menu
1st option
In the foremost upper right corner, click on the three dots.
A dropdown menu will appear, go to "More tools", then "Developer tools".
A page extension will open to your right, select the "Console" tab.
2nd option
Right click on any given space in the page you are in.
Click on “Inspect element”. A page extension will open to your right and then click on the “Console” tab.
Safari - Mac only
Via keyboard: Command+Option+C
However, this shortcut will only work if you have the “Developer” menu enabled. Follow the instructions below:
1. In the foremost upper left corner, click on “Safari” (next to the Apple logo).
2. A dropdown menu will open, then click on “Preferences”
3. A small popup window will open, click on “Advanced”.
4. In this tab, at the bottom there is a “Show Develop menu in menu bar” checkbox option. To enable it, check the given box and close the popup window. Now you can use the keyboard shortcut if you wish to do so.
5. You should now see on the menu bar the menu “Develop” between “Bookmarks” and “Window”.
6. In this menu, you can now click on “Show Error Console”.