chrome developer tools


Development and debugging 



Overview 


  • Day to day development
  • Working with the DOM
  • Working with the console
  • Debugging JavaScript
  • Profiling  
  • Local Storage

Day to day Useage




Working with the dom



  • Elements pannel 
    • Inspect and working with the HTML & CSS of a web page. 
    • Live-edit.
      • Inner text
      • HTML attributes 
      • Raw HTML
    • Styles
      • Change existing
      • Add new 
      • Save changes 

working with the console


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

debugging JAVASCRIPT




profiling 


inspecting storage


And One Last Thing

the end

At last?

Questions?






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

Chrome Dev Tools

By Chris Laughlin

Chrome Dev Tools

Master Class onChrome Developer Tools

  • 765
Loading comments...

More from Chris Laughlin