Chrome Dev Tools:
Tips and Tricks

Paul Kinlan

Google Developer Day


These slides: goo.gl/cq5DQ

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: goo.gl/cq5DQ