How to access your browser's dev tools

For any browser right click on an element on a page and select "Inspect", then select the relevant tab in the DevTools panel (Ctrl + Shift + I or Command + Option + I)

Open the DevTools into the Console panel

  • Google Chrome: Ctrl + Shift + J or Command + Option + J

  • Safari: Command + Option + C

  • Firefox: Ctrl + Shift + K, or Command + Shift + K

  • Microsoft Edge: Ctrl + Shift + J, or Command + Shift + J

Open the DevTools into the Elements panel

  • Google Chrome: Ctrl + Shift + C or Command + Option + C

  • Safari: Command + Option + I

  • Firefox: Ctrl + Shift + C, or Command + Shift + C

  • Microsoft Edge: Ctrl + Shift + C, or Command + Shift + C

For more information from the sources, use the following links:

Last updated