Upgrade to Pro — share decks privately, control downloads, hide ads and more …

10 (ou mais) coisas que você não sabia sobre o Chrome Dev Tools

10 (ou mais) coisas que você não sabia sobre o Chrome Dev Tools

Apresentado por mim e @randalmaia para a equipe da ContaAzul, compartilhando algumas dicas que usamos no dia-a-dia.

Detalhes e exemplos: https://www.evernote.com/shard/s134/sh/2f17704d-c43e-4d6e-89ff-ff4d211825ac/ffa28bc56e02cfb159d4cce06064fa32

7ef3cd04888c6d17f34d43e29ec3d46f?s=128

Carlos Alexandro Becker

July 24, 2014
Tweet

Transcript

  1. 10 (ou mais) coisas que você não sabia sobre o

    Chrome Dev Tools
  2. @caarlos0 @randalmaia

  3. $0...4

  4. Emulation tab

  5. inspect(el)

  6. Prettify code

  7. $_

  8. Chamadas XHR

  9. console.dir

  10. CSS Media

  11. console.table

  12. Element State

  13. copy

  14. monitor

  15. alert(‘thanks’);