DevTools
The Tricks You Should Know!
Taley'a Mirza
Software Developer
Recurship (SastaTicket.pk)
About Me
Taleymirza TaleyaMirza TaleyaMirza
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)
Any Questions?
Thanks
Taleymirza TaleyaMirza TaleyaMirza