Developer tool shortcuts for quickly utilizing inspection and debugging features to improve development efficiency

Ctrl+Shift+I

Developer tools

Opens developer tools.

💡 Hint: Inspect

🎯 Open developer tools to inspect web page structure and behavior in detail

F12

Developer tools (F12)

Opens developer tools.

💡 Hint: F12 (dev)

🎯 Quickly access developer tools with F12 to streamline development work

Ctrl+U

View source

Views the page's HTML source code.

💡 Hint: view soUrce

🎯 View page HTML source to analyze code structure

Ctrl++

Zoom in

Zooms in on the page.

💡 Hint: Plus to zoom in

🎯 Zoom in to check details and perform accessibility tests

Ctrl+-

Zoom out

Zooms out on the page.

💡 Hint: Minus to zoom out

🎯 Zoom out to check overall layout

Ctrl+0

Reset zoom

Resets the page zoom level to 100%.

💡 Hint: 0 to reset

🎯 Reset zoom to standard to check original display state

Ctrl+Shift+Delete

Clear browsing data

Opens options to clear browsing data.

💡 Hint: Delete + Shift (clear data)

🎯 Clear browsing data to run tests in a clean state

Microsoft Edge