chrome developer tools

Development and debugging 


  • 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


inspecting storage

And One Last Thing

the end

At last?


Chrome Dev Tools

By Chris Laughlin

Chrome Dev Tools

Master Class onChrome Developer Tools

  • 884
Loading comments...

More from Chris Laughlin