DevTools

Let's Explore

Some

Amazing

Chrome Developer Tools

Open DevTools

On Windows and Linux, press

• Control - Shift - I keys to open Developer Tools

• Control - Shift - J to open Developer Tools and bring focus to the Console.

• Control - Shift - C to toggle Inspect Element mode.

On Mac, press

• ⌥⌘I (Command - Option - I) keys to open Developer Tools

• ⌥⌘J (Command - Option - J) to open Developer Tools and bring focus to the Console.

Summary

• Inspect (F12 - cmd+opt+I)
• Dock Position
• Responsive Option
• Real time Changes
• Styling
• Editable Content
• Multi Cursor (Edit as HTML)
• Minified Files Formatting
• Developer command(cmd+shift+p)