chrome developer tools


Top 5 Features  



@chrislaughlin 

Phase 1: Open dev tools
Phase 2: ??????
Phase 3: profit   


Day to day Useage




1 - elements panel



    • Inspect  HTML & CSS  
    • Live-edit
    • Styles

2 - console


console.dir(window); //prints the above

3 - sources 




4 - network 



5 profiling


the end

At last?

Questions?



contact@christopherlaughlin.co.uk
@chrislaughlin
slides: slides.com/chrislaughlin/chromedevtools-2

Chrome Dev Tools Top 5

By Chris Laughlin

Chrome Dev Tools Top 5

Top 5 features of the Chrome developer tools

  • 549
Loading comments...

More from Chris Laughlin