Guides

How to Access Browser Consoles

Quick shortcuts and menu to access browser consoles various browsers.

Learn how to access the browser console on various web browsers for troubleshooting and debugging web applications.

Google Chrome

Accessing via Shortcut

WindowsPress Ctrl, Shift, and J simultaneously.
MacOSPress Command (⌘), Option, and J simultaneously.

Accessing via Menu

  1. Click on the three verticals in the top right-hand corner.
  2. Select "More tools".
  3. Select "Developer tools".
  4. Choose the "Console" tab from the Developer Tools window.
740px

Microsoft Edge

Accessing via Shortcut

WindowsPress Ctrl, Shift, and J simultaneously.
MacOSPress Command (⌘), Option, and J simultaneously.

Accessing via Menu

  1. Click on the three horizontal dots in the top right-hand corner.
  2. Select "More tools".
  3. Select "Developer tools".
  4. Choose the "Console" tab from the Developer Tools window.
740px

Mozilla Firefox

Accessing via Shortcut

WindowsPress Control, Shift, and K simultaneously.
MacOSPress Command (⌘), Option, and K simultaneously.

Accessing via Menu

  1. Click on the three vertical lines in the top right-hand corner > Choose "More tools".
  2. Select "Web Developer Tools" from the menu.
  3. In the pop-up menu, choose "Console".
740px

Safari

Accessing via Shortcut

MacOSPress Command (⌘), Option, and C simultaneously.

Accessing via Menu

  1. From the top left-hand corner of your screen, select "Safari".
  2. Choose "Settings..." from the drop-down menu.
  3. In the pop-up window, select the"Advanced" tab.
  4. Tick the checkbox of "Show features for web developers".
  5. Close the pop-up window.
740px
  1. Right-click on the page and press "Option" on the keyboard.
  2. Select "Inspect Element" from the menu.
  3. A new window will open. Choose the Console tab.
740px

📌 Need Help?

If you require assistance or encounter any issues, please don't hesitate to contact us for further support.


Updated 8 months ago