Nella scheda Modifiche puoi monitorare le modifiche che apporti a:
- HTML in Origini con Sostituzioni locali attivate
- CSS in Elementi > Stili o Origini
- JavaScript in Origini
La scheda Modifiche mostra le modifiche apportate in DevTools. Se ricarichi DevTools o la pagina, le modifiche scompaiono.
Per fare in modo che le modifiche di DevTools vengano mantenute durante i caricamenti pagina, segui i passaggi descritti in Override locali.
Per apportare modifiche di scrittura in DevTools alle origini locali, segui i passaggi descritti in Modificare e salvare i file con le aree di lavoro.
Aprire la scheda Modifiche
Per aprire la scheda Modifiche:
Premi Comando+Maiusc+P (Mac) o Ctrl+Maiusc+P (Windows, Linux, ChromeOS) per aprire il menu Comando.
Inizia a digitare
changes
, seleziona Mostra modifiche e premi Invio.
In alternativa, nell'angolo in alto a destra, fai clic su Personalizza e controlla DevTools > Altri strumenti > Modifiche.
Modifiche" width="800" height="460">
Per impostazione predefinita, DevTools mostra la scheda Modifiche nella parte inferiore della finestra DevTools, nel riquadro a scomparsa.
Visualizzare e comprendere le modifiche
Per visualizzare le modifiche:
- Apri DevTools.
Apporta modifiche alle tue fonti:
- HTML: innanzitutto attiva Sostituzioni locali, poi apporta le modifiche in Origini
- CSS in Elementi > Stili o Origini
- JavaScript in Origini
Apri la scheda Modifiche e seleziona un file nella parte destra della scheda.
Osserva un output
diff
che evidenzia quanto segue:
La scheda Modifiche riproduce automaticamente l'output del file diff
, così non devi scorrere in orizzontale per vedere le modifiche su una sola riga.
Copia modifiche CSS
Se hai apportato modifiche al CSS in Elementi > Stili, puoi copiarli tutti con un unico pulsante:
Apri la scheda Modifiche e, sul lato destro della scheda, seleziona il file CSS a cui hai apportato le modifiche.
Fai clic sul pulsante Copia nella parte inferiore della scheda Modifiche.
Annullare tutte le modifiche apportate a un file
Per annullare le modifiche apportate a un file:
- Sul lato sinistro della scheda Modifiche, seleziona un file con le modifiche da annullare.
- Nella barra delle azioni in basso, fai clic su Annulla tutte le modifiche al file corrente.