Links
Comment on page

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: