Änderungen: HTML-, CSS- und JavaScript-Änderungen nachverfolgen

Sofia Emelianova

Im Bereich Änderungen kannst du Codeänderungen nachverfolgen, die in den Entwicklertools vorgenommen wurden.

Übersicht

Über den Bereich Änderungen können Sie die vorgenommenen Änderungen nachverfolgen:

• HTML in Quellen mit aktivierten lokalen Überschreibungen
• CSS unter Elemente > Stile oder Quellen
• JavaScript in Quellen

Im Bereich Änderungen werden nur die Änderungen angezeigt, die Sie in den Entwicklertools vornehmen. Wenn Sie entweder die Entwicklertools oder Ihre Seite aktualisieren, werden die Änderungen nicht mehr angezeigt.

Damit Änderungen in den Entwicklertools beim Seitenaufbau beibehalten werden, folgen Sie der Anleitung unter Lokale Überschreibungen.

Wenn du mit den Entwicklertools Änderungen an deinen lokalen Quellen schreiben möchtest, folge der Anleitung unter Dateien mit Arbeitsbereichen bearbeiten und speichern.

Bedienfeld „Änderungen“ öffnen

So öffnen Sie den Bereich Änderungen:

1. Öffnen Sie die Entwicklertools.

2. Drücken Sie Befehlstaste + Umschalttaste + P (Mac) oder Strg + Umschalttaste + P (Windows, Linux, ChromeOS), um das Befehlsmenü zu öffnen.

3. Geben Sie die ersten Buchstaben von changes ein, wählen Sie Änderungen anzeigen aus und drücken Sie die Eingabetaste.

   

Alternativ können Sie auch rechts oben auf Entwicklertools anpassen und steuern klicken > Weitere Tools > Änderungen.

Standardmäßig wird in Entwicklertools der Bereich Änderungen am unteren Rand des Entwicklertools-Fensters in der Leiste angezeigt.

Änderungen ansehen und verstehen

So rufen Sie Ihre Änderungen auf:

1. Öffnen Sie die Entwicklertools.

2. Nehmen Sie die gewünschten Änderungen an den Quellen vor:

   • HTML: Aktivieren Sie zuerst Lokale Überschreibungen und nehmen Sie dann Änderungen unter Quellen vor.
   • CSS unter Elemente > Stile oder Quellen
   • JavaScript in Quellen

3. Öffnen Sie den Bereich Änderungen und wählen Sie rechts im Steuerfeld eine Datei aus.

4. Sehen Sie sich eine diff-Ausgabe an, die Folgendes enthält:

Im Bereich Änderungen wird die diff-Ausgabe automatisch dargestellt, sodass Sie nicht horizontal scrollen müssen, um die Änderungen in einer einzigen Zeile zu sehen.

CSS-Änderungen kopieren

Wenn Sie unter Elemente Änderungen an CSS vorgenommen haben > Stile können Sie alle mit einer einzigen Schaltfläche kopieren:

1. Öffnen Sie den Bereich Änderungen und wählen Sie rechts im Steuerfeld die CSS-Datei aus, an der Sie Änderungen vorgenommen haben.

   

2. Klicken Sie unten im Bereich Änderungen auf die Schaltfläche Kopieren .

Alle Änderungen an einer Datei rückgängig machen

So machen Sie Änderungen an einer Datei rückgängig:

1. Wählen Sie links im Bereich Änderungen eine Datei mit Änderungen aus, die rückgängig gemacht werden sollen.
2. Klicken Sie unten in der Aktionsleiste auf Alle Änderungen an aktueller Datei zurücksetzen.