How to open the developer console

Our Marvel App Support Team may ask for a screenshot or screen recording of your console information while troubleshooting issues you may be facing.

What is the developer console?

The developer console logs website info helps our developers fix any issues quickly. It is available in every web browser.

Here are step-by-step guides for each browser:

Chrome

Safari

Firefox

 

How to open the developer console in Chrome

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

OR

Go to the Chrome toolbar > View > Developer > Javascript Console.

Screenshot_2020-03-24_at_1.00.47_PM.png

OR

Go to the Chrome Menu (upper right hand corner) > More Tools > Developer Tools.

Screenshot_2020-03-24_at_1.00.08_PM.png

The console will look like this:

Screenshot_2020-03-24_at_1.01.30_PM.png

 

How to open the developer console in Safari

1. Open Develop menu by going to Safari > Preferences > Advanced > Check "Show Develop menu in menu bar."

Screen_Recording_2020-03-24_at_01.14_PM.gif

2. Use the keyboard shortcut Option + Cmd + C to open the console.

OR

Go to the Safari toolbar > Develop > Show Javascript Console.

Screenshot_2020-03-24_at_1.18.21_PM.png

The console will look like this:

Screenshot_2020-03-24_at_1.18.44_PM.png

 

How to open the developer console in Firefox

Use the keyboard shortcut Cmd + Shift + K (on Windows) or Cmd + Option + K (on Mac).

OR

Go to the Firefox Menu (upper right-hand corner) > Web Developer > Browser Console.

The console will appear in a new window:

Screen_Recording_2020-03-24_at_01.36_PM.gif

Was this article helpful?
0 out of 0 found this helpful