All Collections
HackEDU Lesson Help
Accessing the Browser Console
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 a week 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?