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

Sofia Emelianova

Auf dem Tab Änderungen können Sie die vorgenommenen Änderungen nachverfolgen:

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

Auf dem Tab Änderungen werden Änderungen angezeigt, die du in den Entwicklertools vorgenommen hast. 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.

Tab „Änderungen“ öffnen

So öffnen Sie den Tab Ä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 > Weitere Tools > Änderungen klicken.

Änderungen" width="800" Höhe="460">

Standardmäßig zeigt die Entwicklertools den Tab Änderungen am unteren Rand des Entwicklertools-Fensters in der Leiste an.

Ä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 Tab Änderungen und wählen Sie rechts auf dem Tab eine Datei aus.

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

Auf dem Tab Ä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 > Stile Änderungen an CSS vorgenommen haben, können Sie alle mit einer einzigen Schaltfläche kopieren:

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

   

2. Klicken Sie unten auf dem Tab Änderungen auf die Schaltfläche Kopieren .

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

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

1. Wählen Sie links auf dem Tab Ä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.