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

Free out of the box
Usable on any web site local or published
Strong development community and backing

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

Made with Slides.com