Chrome Developer Tools Advanced

Tommy

工欲善其事 必先利其器

搞懂你有哪些武器很重要

Agenda

  • Element
  • Console
  • Source
  • Network
  • Animations
  • Remote Device

Element

Element

Console

Console

Source

Source

Network

Network

  • offline & speed limits
  • Headers
  • Capture screenshots

Animations

Animations

  • css3

Remote Device

Remote Device

  • Genymotion
  • Remote debug

Thank you for listening

Q & A

Chrome Developer Tools Advanced

By Yi-Tai Lin

Chrome Developer Tools Advanced

  • 575