Modifiche: monitora le modifiche HTML, CSS e JavaScript

Sofia Emelianova

Con la scheda Modifiche, puoi tenere traccia delle modifiche apportate 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 tua pagina, le modifiche scompaiono.

Per apportare in modo permanente a DevTools le modifiche tra un caricamento pagina e l'altro, segui i passaggi descritti in Override locali.

Per fare in modo che DevTools scriva modifiche nelle origini locali, segui i passaggi descritti in Modificare e salvare 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" altezza="460">

Per impostazione predefinita, DevTools visualizza la scheda Modifiche nella parte inferiore della finestra di DevTools, nel Riquadro a scomparsa.

Visualizzare e comprendere le modifiche

Per visualizzare le modifiche:

1. Apri DevTools.

2. Apporta modifiche alle fonti:

   • HTML: attiva innanzitutto Override locali, quindi 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 evidenzi quanto segue:

La scheda Modifiche stampa in modo automatico l'output diff, quindi non è necessario scorrere in orizzontale per vedere le modifiche in un'unica riga.

Copia modifiche CSS

Se hai apportato modifiche al CSS in Elementi > Stili, puoi copiarli tutti con un singolo 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.

Ripristina 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 Ripristina tutte le modifiche al file corrente.