Chrome Dev Tools
Tips and Tricks

Ido Green

Google Developer Day
Berlin
Nov 19, 2011


These slides: bit.ly/devtools-11

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 60 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

Remote Debugging

DevTools Extension APIs

We recommend

Thank you!



These slides: bit.ly/devtools-11
Please join us for meet & greet in the main foyer.