Chrome DevTools

Updated 2026-02-15

Elements, Console, Network, and Sources. Shortcuts, breakpoints, and performance profiling.

Panels

Elements: DOM, styles, computed. Console: log, run JS. Network: requests, status, timing. Sources: breakpoints, step, call stack. Application: storage, cookies.

Shortcuts and tips

F12 or Ctrl+Shift+I open DevTools. Ctrl+Shift+C element picker. Console: $0 last selected element. debug( fn ) to break when fn is called. Performance and Lighthouse in other tabs.