Developer shortcuts for quickly utilizing developer tools needed for web development and debugging

F12

Developer Tools

Open Developer Tools.

💡 Hint: F12 for dev

🎯 Instantly open developer tools to analyze web page structure in detail

Ctrl+Shift+C

Inspector

Open the Inspector to examine elements.

💡 Hint: Check elements

🎯 Select elements with the inspector to efficiently investigate HTML and CSS

Ctrl+Shift+K

Web Console

Open the Web Console.

💡 Hint: Konsole

🎯 Quickly check JavaScript errors and warnings in the web console

Ctrl+U

View Page Source

View the page's HTML source.

💡 Hint: View Underlying source

🎯 View page HTML source code to understand structure in detail

Ctrl+Shift+S

Screenshot

Take a screenshot of the page.

💡 Hint: Screenshot

🎯 Easily capture screenshots of entire pages or selected areas

Ctrl+Shift+P

Private Window

Open a new private browsing window.

💡 Hint: Private

🎯 Perform development tests in private windows to eliminate cache effects

Ctrl+Shift+Del

Clear Recent History

Open the clear recent history dialog.

💡 Hint: Delete history

🎯 Clear cache and history to test in a clean state

Ctrl+J

Downloads

Show the downloads list.

💡 Hint: Jump to downloads

🎯 Check download list to manage development files

Mozilla Firefox