Wijzigingen: houd uw HTML-, CSS- en JavaScript-wijzigingen bij

Sofia Emelianova

Op het tabblad Wijzigingen kunt u de wijzigingen bijhouden die u aanbrengt in:

• HTML in bronnen met ingeschakelde lokale overschrijvingen
• CSS in Elementen > Stijlen of Bronnen
• JavaScript in bronnen

Op het tabblad Wijzigingen worden de wijzigingen weergegeven die u in DevTools hebt aangebracht. Als u DevTools of uw pagina opnieuw laadt, verdwijnen de wijzigingen.

Om ervoor te zorgen dat DevTools wijzigingen bij het laden van pagina's blijven behouden, volgt u de stappen in Lokale overschrijvingen .

Om DevTools wijzigingen in uw lokale bronnen te laten schrijven, volgt u de stappen in Bestanden bewerken en opslaan met Workspaces .

Open het tabblad Wijzigingen

Om het tabblad Wijzigingen te openen:

1. Open DevTools .

2. Druk op Command + Shift + P (Mac) of Control + Shift + P (Windows, Linux, ChromeOS) om het Commandomenu te openen.

3. Begin met het typen changes , selecteer Wijzigingen weergeven en druk op Enter .

   

U kunt ook in de rechterbovenhoek op klikken Pas DevTools aan en beheer deze > Meer tools > Wijzigingen .

Standaard geeft DevTools het tabblad Wijzigingen weer onder aan uw DevTools-venster, in de Lade .

Bekijk en begrijp uw wijzigingen

Om uw wijzigingen te bekijken:

1. Open DevTools .

2. Breng wijzigingen aan in uw bronnen:

   • HTML: Schakel eerst Lokale overschrijvingen in en breng vervolgens wijzigingen aan in Bronnen
   • CSS in Elementen > Stijlen of Bronnen
   • JavaScript in bronnen

3. Open het tabblad Wijzigingen en selecteer een bestand aan de rechterkant van het tabblad.

4. Observeer een diff uitvoer die het volgende benadrukt:

Op het tabblad Wijzigingen wordt de diff uitvoer mooi automatisch afgedrukt, zodat u niet horizontaal hoeft te scrollen om de wijzigingen op één regel te zien.

Kopieer CSS-wijzigingen

Als u wijzigingen in CSS heeft aangebracht in Elementen > Stijlen , kunt u deze allemaal met één enkele knop kopiëren:

1. Open het tabblad Wijzigingen en selecteer aan de rechterkant van het tabblad het CSS-bestand waarin u wijzigingen heeft aangebracht.

   

2. Klik op de Knop Kopiëren onder aan het tabblad Wijzigingen .

Alle wijzigingen in een bestand ongedaan maken

Wijzigingen in een bestand ongedaan maken:

1. Selecteer aan de linkerkant van het tabblad Wijzigingen een bestand met de wijzigingen die u wilt terugzetten.
2. Klik op de actiebalk onderaan Zet alle wijzigingen in het huidige bestand terug .