Der er en funktion i Chrome DevTools, der lader dig:
- Se koden for en given ressource, som den aktuelle webside bruger (som CSS og JavaScript).
- "Pretty Print" det (formater det for læsbarhed)
- Gem det på disken
- Brug den gemte version til at tilsidesætte den live version, selv på sideopdatering.
Den sidste er ret fantastisk. Hvis du fejler et problem, der kun synes at ske på livewebstedet, giver det dig et fejlfindingsværktøj, der giver dig mulighed for at komme til roden af problemet.
Vi bruger denne funktion her til at finde ud af en underlig fejl, jeg oplevede.
Taget til det ekstreme kan du muligvis endda bruge DevTools som din primære kodeeditor, da den er i stand til at kortlægge filer tilbage til det sted, hvor dit aktuelle projekt er på disken.