All Collections
Technical Questions
How to open the Developer Console
How to open the Developer Console

Bug reporting - take a screenshot of an error in the Console of your browser if you encounter such behavior.

Jonas Krüger avatar
Written by Jonas Krüger
Updated over a week ago

The developer console is a tool which logs the information associated with a web page, such as JavaScript, network requests, and security errors.

The information displayed in the developer console can be extremely helpful for the support team when we're trying to figure out how to solve an issue. In the course of troubleshooting your issue, the support team may ask you to take a screenshot of the developer console.

The following are instructions for how to open the developer console on various different browsers:

Chrome

To open the developer console window on Chrome, use the keyboard shortcut Ctrl+Shift+J (on Windows) or Ctrl+Option+J (on Mac).

Alternatively, you can use the Chrome menu in the browser window, select the option More Tools, and then select Developer Tools.


Firefox

To open the console on Firefox, use the keyboard shortcut Ctrl+Shift+K (on Windows) or Ctrl+Option+K (on Mac). The toolbox will appear at the bottom of the browser window, with the Web Console activated.

Alternatively, under the header Tools in the menu bar, navigate to the sub-menu Web Developer and select Web Console.


Safari

To open the console on Safari, you will first need to turn on the Develop menu. To do this, open the Safari menu in the Mac menu bar, then select Preferences.

Once in the Preferences dialog, navigate to the Advanced tab, then check the Show Develop menu in the menu bar box.

Once the Develop menu has been enabled, you can go to the Develop menu in the menu bar and then select the Show JavaScript Console option.

Alternatively, you can use the keyboard shortcut Option+Ctrl+C, though note that you will need to enable the Develop menu in your Safari Preferences for this shortcut to work.

Did this answer your question?