How to Launch the Developer Console in Chrome, Mozilla Firefox, and Safari

The developer console is a powerful tool for inspecting and debugging web pages. This tutorial will show you how to access the developer console in Chrome, Firefox, and Safari.

Google Chrome & Mozilla Firefox

  1. Open Chrome/Mozilla.
  2. Press F12 or Ctrl + Shift + I (Cmd + Option + I on macOS).
  3. Click on "Console"

Alternative method:

Safari

  1. Open Safari.
  2. Press Cmd + Option + I
  3. Click on "Console"

Alternative method: