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

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’);