Chrome Dev Tools:
Reloaded

Paul Irish, Pavel Feldman
May 11, 2011


These slides: http://goo.gl/IYNuQ
Session feedback: http://goo.gl/PvP2c
#io2011 #devtools

The Chrome devtools is a great webapp that you can use to develop great web apps

Agenda

  1. Styling Control & CSS Manipulation
  2. Network interaction
  3. Console API
  4. Script Debugging
  5. Extension API
  6. We recommend
  7. Q & A

New here?

The Chrome Dev Tools in 90 seconds.

Styling Control

CSS Manipulation

  1. Styling Control & CSS Manipulation
  2. Network interaction
  3. Console API
  4. Script Debugging
  5. Extension API
  6. We recommend
  7. Q & A

Network

Console API

  1. Styling Control & CSS Manipulation
  2. Network interaction
  3. Console API
  4. Script Debugging
  5. Extension API
  6. We recommend
  7. Q & A

Debugging

Debugging

Announcing... Remote Debugging

Announcing... Extension API





We want your feedback!

We recommend

Thank you!



These slides: goo.gl/SOMETHING
Session feedback: http://goo.gl/PvP2c
#io2011 #devtools