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

Auf dem Tab Änderungen können Sie die Änderungen nachverfolgen, die Sie an folgenden Stellen vornehmen:

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

Auf dem Tab Änderungen siehst du Änderungen, die du in den Entwicklertools vorgenommen hast. Wenn du die Entwicklertools oder deine Seite aktualisierst, verschwinden die Änderungen.

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

Damit die Entwicklertools in Ihre lokalen Quellen schreiben können, folgen Sie der Anleitung unter Dateien mit Arbeitsbereichen bearbeiten und speichern.

Tab „Änderungen“ öffnen

So öffnen Sie den Tab Änderungen:

1. Öffnen Sie die Entwicklertools.

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

3. Beginnen Sie mit der Eingabe von changes, wählen Sie Änderungen anzeigen aus und drücken Sie die Eingabetaste.

   

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

Änderungen" width="800" height="460">

Standardmäßig wird in den Entwicklertools der Tab Änderungen am unteren Rand des Entwicklertools-Fensters in der Drawer 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 unter Quellen Änderungen vor.
   • CSS unter Elemente > Stile oder Quellen
   • JavaScript in Quellen

3. Öffnen Sie den Tab Änderungen und wählen Sie auf der rechten Seite eine Datei aus.

4. Sehen Sie sich die Ausgabe von diff an, die Folgendes hervorhebt:

Auf dem Tab Änderungen wird die diff-Ausgabe automatisch optimiert, sodass Sie nicht horizontal scrollen müssen, um die Änderungen in einer einzigen Zeile zu sehen.

CSS-Änderungen kopieren

Wenn Sie CSS unter Elemente > Stile geändert haben, können Sie alle mit einer einzigen Schaltfläche kopieren:

1. Öffnen Sie den Tab Änderungen und wählen Sie auf der rechten Seite des Tabs die CSS-Datei aus, an der Sie Änderungen vorgenommen haben.

   

2. Klicken Sie unten auf dem Tab Ä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 Tab Änderungen eine Datei mit Änderungen aus, die rückgängig gemacht werden sollen.
2. Klicken Sie unten in der Aktionsleiste auf Alle Änderungen in der aktuellen Datei rückgängig machen.