C'è una funzionalità di Chrome DevTools che ti consente di:
- Visualizza il codice di una determinata risorsa utilizzata dalla pagina Web corrente (come CSS e JavaScript).
- "Pretty Print" (formattalo per leggibilità)
- Salvalo su disco
- Usa quella versione salvata per sovrascrivere la versione live, anche durante l'aggiornamento della pagina.
Quest'ultimo è davvero fantastico. Se stai eseguendo il debug di un problema che sembra verificarsi solo sul sito Web live, ti offre uno strumento di debug che ti consentirà di arrivare alla radice del problema.
Useremo questa funzione qui per capire uno strano bug che stavo riscontrando.
Portato all'estremo, potresti persino utilizzare DevTools come editor di codice principale, poiché è in grado di mappare i file al punto in cui si trova il tuo progetto effettivo sul disco.