Skip to main content

How do I open the developer console?

Asked for a screenshot of your developer console? Here's how to open it in Chrome, Firefox, Safari, and Edge.

Written by Meir

The developer console logs what's happening behind the scenes on our site. A screenshot of it helps our developers fix issues faster.

Asked for a screenshot? Jump to your browser:

Chrome

  1. Press Cmd + Option + J on a Mac or Ctrl + Shift + J on Windows. Or right-click the page and click Inspect.

  2. Click the Console tab.

  3. Repeat whatever is causing the problem, then take a screenshot of the whole Console.

Firefox

  1. Press Cmd + Option + K on a Mac or Ctrl + Shift + K on Windows. Or right-click the page and click Inspect.

  2. Click the Console tab.

  3. Repeat whatever is causing the problem, then take a screenshot of the whole Console.

Safari

  1. First, turn on the developer tools. Click Safari in the menu bar, then Settings (called Preferences on older Macs).

  2. Click Advanced, then check Show features for web developers (called Show Develop menu in menu bar on older Macs). Close the window.

  3. Press Cmd + Option + C. Or right-click the page and click Inspect Element.

  4. Click the Console tab.

  5. Repeat whatever is causing the problem, then take a screenshot of the whole Console.

Microsoft Edge

  1. Press Ctrl + Shift + I. Or right-click the page and click Inspect.

  2. Click the Console tab.

  3. Repeat whatever is causing the problem, then take a screenshot of the whole Console.

Send the screenshot to us in the chat, and we'll take it from there.

Related Articles
Did this answer your question?