Modifiche: monitora le modifiche HTML, CSS e JavaScript

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:

1. Apri DevTools.

2. Premi Comando+Maiusc+P (Mac) o Ctrl+Maiusc+P (Windows, Linux, ChromeOS) per aprire il menu Comando.

3. 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:

1. Apri DevTools.

2. 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

3. Apri la scheda Modifiche e seleziona un file nella parte destra della scheda.

4. 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:

1. Apri la scheda Modifiche e, sul lato destro della scheda, seleziona il file CSS a cui hai apportato le modifiche.

   

2. 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:

1. Sul lato sinistro della scheda Modifiche, seleziona un file con le modifiche da annullare.
2. Nella barra delle azioni in basso, fai clic su Annulla tutte le modifiche al file corrente.