Il existe une fonctionnalité de Chrome DevTools qui vous permet:
- Voir le code de toute ressource donnée que la page Web actuelle utilise (comme CSS et JavaScript).
- «Pretty Print» (formatez-le pour plus de lisibilité)
- Enregistrez-le sur le disque
- Utilisez cette version enregistrée pour remplacer la version en direct, même lors de l'actualisation de la page.
Ce dernier est assez génial. Si vous déboguez un problème qui ne semble se produire que sur le site Web en direct, cela vous donne un outil de débogage qui vous permettra d'aller à la racine du problème.
Nous allons utiliser cette fonctionnalité ici pour découvrir un bug étrange que je rencontrais.
Poussé à l'extrême, vous pourriez même utiliser DevTools comme éditeur de code principal, car il est capable de mapper les fichiers à l'emplacement de votre projet réel sur le disque.