Chrome Dev Tools:
Tips, Tricks, & Perf

Paul Irish

jQuery Conference
October 1st, 2011


These slides: goo.gl/Tu06C

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. Performance stuff
  6. We recommend
  7. Q & A

Styling Control

CSS Manipulation

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

Network

Console API

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

Debugging

Debugging

Task Manager


JavaScript APIs for monitoring

Heap Profiler

We recommend…

Thank you!



These slides: goo.gl/Tu06C