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

 

Chrome DevTools [NgGirls - 2018]

By Taley'a Mirza (Talia)

Chrome DevTools [NgGirls - 2018]

The Tricks you should know!

  • 924