Det er en funksjon i Chrome DevTools som lar deg:
- Se koden til en gitt ressurs gjeldende webside bruker (som CSS og JavaScript).
- "Pretty Print" (formater den for lesbarhet)
- Lagre den på disken
- Bruk den lagrede versjonen til å overstyre den live versjonen, selv på sideoppdatering.
Den siste er ganske fantastisk. Hvis du feilsøker et problem som bare ser ut til å skje på live-nettstedet, gir det deg et feilsøkingsverktøy som lar deg komme til roten til problemet.
Vi bruker denne funksjonen her for å finne ut en rar feil jeg opplevde.
Alt i det ytterste kan du til og med bruke DevTools som din primære kodeditor, siden den er i stand til å kartlegge filer tilbake til der det faktiske prosjektet ditt er på disken.