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

Sofia Emelianova
Sofia Emelianova

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

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 .

    Voer de opdracht Wijzigingen weergeven uit

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

Wijzigingsoptie gericht in de vervolgkeuzelijst Meer tools

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:

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

  4. Observeer een diff uitvoer die het volgende benadrukt:

Gemarkeerde verschillen op het tabblad Wijzigingen

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.

    Kopiëren.

  2. Klik op de Kopiëren. 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 Ongedaan maken Zet alle wijzigingen in het huidige bestand terug .

Knop Terugkeren