Overview [ Documentation]

Inspect and debug web pages with DevTools.

Keyboard Shortcuts [ Documentation]

  • Ctrl+Shift+I — Open DevTools to Welcome
  • Ctrl+Shift+J — Open DevTools to Console
  • Ctrl+Shift+C — Open DevTools to Elements
  • Ctrl+Shift+H — Display DevTools tooltips
  • Ctrl+Shift+P — Open Command menu

Elements

The Elements tab displays the DOM tree:

A screenshot of DevTools open to the Elements tab

Main Toolbar

A screenshot of the main DevTools toolbar