Skip to main content

Accessing the Browser Console

Explanation of how to open your browser's console on all popular web browsers

Rachel Yonan avatar
Written by Rachel Yonan
Updated over 2 years ago

How do you access your browser's console log? Locate your browser below for detailed steps:

Google Chrome

Directly open the Console panel with ⌘+⌥+J (Mac) or Ctrl+Shift+J (Windows).

You can also access this Console panel through Chrome's menu:

  1. Open Chrome's customization menu in the top right of the browser (The Kebab menu, aka Three Dots menu bar)

  2. Navigate to "More tools" -> "Developer tools"

  3. Click the Console tab

Safari

The console logs are part of the Develop menu, which is disabled by default. To enable the Develop menu:

  1. Navigate to Safari -> Preferences -> Advanced

  2. Make sure the checkbox "Show Develop menu in menu bar" is checked

Once Develop menu is enabled, navigate to Develop -> Show JavaScript Console.

Microsoft Edge

Directly open the Console panel with ⌘+⌥+J (Mac) or Ctrl+Shift+J (Windows).

You can also press the F12 button to open the DevTools menu directly, and then navigate to the Console panel.

Mozilla Firefox

Directly open the Console panel with ⌘+⌥+K (Mac) or Ctrl+Shift+K (Windows).

You can also navigate to the Console panel from menus by choosing Tools -> Browser Tools -> Web Developer Tools.

Did this answer your question?