How to Open the Developer Console in your Browser

The developer console is a tool in your browser that logs information that could help our developers solve any issue that you may be experiencing. If you've been asked to provide a screenshot of your developer console, here is how to do so:

Chrome

  • To open the console in Chrome, use this keyboard shortcut: Cmd + Option + J (on a Mac) or Cmd +Shift +J (on Windows).
  • As an alternative, you could right-click on the webpage and click "Inspect," and the developers window will appear. Click the "Console" tab in that window. 





  • Once you have the console open, attempt to perform the action that is causing you trouble, and take a full screenshot of the console.

Firefox

  • To open the console in Firefox, use this keyboard shortcut: Cmd + Option +K (on a Mac) or Cmd +Shift +J (on Windows).
  • As an alternative, you could right-click on the webpage and click "Inspect Element," and the developers window will appear. Click the "Console" tab in that window. 





  • Attempt to perform the action that is causing you trouble, and take a full screenshot of the Console.

Safari

  • To open the console in Safari, you must first enable the Develop menu in the Mac menu bar. To do this, go to Safari in the Mac menu bar at the top of your screen and then select "Preferences."



  • Once you have the the Preferences Dialog box open, click on "Advanced" at the top and then select the mark the checkbox next to "Show Develop menu in menu bar."



  • Next, use this keyboard shortcut: Cmd + Option + C.
  • As an alternative, you could right-click on the webpage and click "Inspect Element," and the developers window will appear. Click the "Console" tab in that window. 





  • Attempt to perform the action that is causing you trouble, and take a full screenshot of the Console.  

 

 Tip: If you have any questions about this or anything else in this article, feel free to reach out to us at customer success at [email protected].