🔧

Chrome DevTools Shortcuts

Debug faster with keyboard shortcuts

Open DevTools

                    F12
                    Open DevTools
                

                    Ctrl + Shift + I
                    Open DevTools
                

Ctrl + Shift + J Open Console

Ctrl + Shift + C Inspect Element Mode

Elements Panel

↑ / ↓ Navigate DOM Tree

← / → Collapse/Expand Node

Enter Edit Attribute

H Hide Element

Delete Delete Element

F2 Edit as HTML

Console

Ctrl + L Clear Console

↑ / ↓ Previous/Next Command

Tab Autocomplete

Shift + Enter Multi-line Input

Sources / Debugging

F8 Pause / Resume

F10 Step Over

F11 Step Into

Shift + F11 Step Out

Ctrl + B Toggle Breakpoint

Ctrl + G Go to Line

Quick Actions

                    Ctrl + Shift + P
                    Run Command
                

                    Ctrl + P
                    Open File
                

Ctrl + Shift + M Toggle Device Mode

Ctrl + Shift + D Toggle Dock Position

Esc Toggle Console Drawer

? Show Shortcuts Help

💡 Pro Tip

Press Ctrl + Shift + P to access the command menu. Type "screenshot" to capture the page, "dark" to switch themes, or "coverage" to find unused CSS/JS.