Er is een functie van Chrome DevTools waarmee u:
- Bekijk de code van een bepaalde bron die de huidige webpagina gebruikt (zoals CSS en JavaScript).
- "Pretty Print" het (formatteer het voor leesbaarheid)
- Bewaar het op schijf
- Gebruik die opgeslagen versie om de live-versie te overschrijven, zelfs bij het vernieuwen van de pagina.
Die laatste is best gaaf. Als u een probleem oplost dat alleen op de live website lijkt te gebeuren, krijgt u een foutopsporingstool waarmee u de oorzaak van het probleem kunt achterhalen.
We zullen die functie hier gebruiken om een rare bug te achterhalen die ik ondervond.
Tot het uiterste genomen, zou u mogelijk zelfs DevTools als uw primaire code-editor kunnen gebruiken, omdat het in staat is om bestanden terug te koppelen aan waar uw eigenlijke project zich op schijf bevindt.