Há um recurso do Chrome DevTools que permite:
- Veja o código de qualquer recurso fornecido pela página da web atual (como CSS e JavaScript).
- “Pretty Print” (formate para facilitar a leitura)
- Salve no disco
- Use essa versão salva para substituir a versão ao vivo, mesmo na atualização da página.
Esse último é muito legal. Se você estiver depurando um problema que só parece acontecer no site ao vivo, ele oferece uma ferramenta de depuração que permitirá que você encontre a raiz do problema.
Usaremos esse recurso aqui para descobrir um bug estranho que eu estava enfrentando.
Levado ao extremo, você poderia até mesmo usar DevTools como seu editor de código primário, uma vez que ele é capaz de mapear arquivos de volta para onde seu projeto real está no disco.