Nachverfolgen von Änderungen an Dateien mit dem Tool "Änderungen"
Das Tool "Änderungen " verfolgt alle Änderungen nach, die Sie an CSS oder JavaScript in DevTools vorgenommen haben. Es zeigt Ihnen, welche Änderungen an Ihren tatsächlichen Quelldateien vorgenommen werden müssen, nachdem Sie DevTools erfolgreich verwendet haben, um eine Kopie Ihrer Webseitendateien zu ändern, die vom Server gesendet werden:
Verwenden Sie das Tool "Änderungen ", um schnell alle Änderungen anzuzeigen, um diese Änderungen erneut auf die tatsächlichen Quelldateien im Quellcode-Editor anzuwenden.
Öffnen Sie das Tool "Änderungen", indem Sie auf das Symbol "Weitere Tools" klicken.
Klicken Sie auf der Symbolleiste Aktivitätsleiste oder Schnellansicht auf die Schaltfläche Weitere Tools (
), und wählen Sie dann Änderungen aus:
Das Tool "Änderungen " wird in der Aktivitätsleiste oder in der Schnellansicht geöffnet, je nachdem, welche Symbolleiste Sie verwendet haben.
Öffnen des Tools "Änderungen" über das Befehlsmenü
So öffnen Sie das Tool "Änderungen " über das Befehlsmenü:
Um das Befehlsmenü zu öffnen, drücken Sie STRG+UMSCHALT+P unter Windows/Linux oder BEFEHL+UMSCHALT+P auf dem Mac.
Beginnen Sie mit der Eingabe von Änderungen. Der Befehl Änderungen anzeigen ist hervorgehoben:
Drücken Sie EINGABE. Das Tool Änderungen wird im Bereich Schnellansicht geöffnet:
Siehe auch:
Interpretieren hinzugefügter Zeilen, entfernter Zeilen und Unterschiede in einer Zeile
Jede geänderte Datei wird im Seitenbereich aufgeführt. Wenn Sie eine Datei auswählen, werden die Änderungen als diff Ansicht angezeigt. Es wird nicht die gesamte Datei angezeigt, sondern nur die Zeilen, die sich geändert haben, sowie einige Zeilen oberhalb und unterhalb der geänderten Zeilen für den Kontext.
Die folgende diff Ansicht zeigt, dass zwei Änderungen an verschiedenen Teilen einer Datei vorgenommen wurden. Eine Änderung ist eine Einfügung, und eine Änderung besteht aus mehreren gelöschten Zeilen:
| Art der Änderung | Indikator |
|---|---|
| Zeile entfernt | Jeder Zeile, die aus dem Code entfernt wurde, steht ein - voran und ist rot gefärbt. |
| Zeile hinzugefügt | Jede neue Linie hat eine + vor und ist grün gefärbt. |
| Geänderte Zeile | Ein angrenzendes Linienpaar mit einer - Linie und dann einer + Linie. |
Änderungen werden als Einfügen oder Löschen einzelner Codezeilen in den beiden Spalten von Zeilennummern dargestellt. Die linke Spalte stellt Zeilennummern in der alten Datei dar, und die rechte Spalte stellt Zeilennummern in der neuen Datei dar.
Öffnen einer geänderten Datei im Quellentool
Wenn Sie im Tool "Änderungen " auf eine geänderte Zeile klicken, wird die Datei im Tool Quellen geöffnet und ein Bildlauf zur geänderten Zeile ausgeführt.
Rückgängigmachen aller Änderungen
Um alle Änderungen rückgängig zu machen, klicken Sie am unteren Rand des Tools "Änderungen " auf die Schaltfläche Alle Änderungen in der aktuellen Datei wiederherstellen (
"):
Horizontales Scrollen von Einträgen
Wenn Sie eine Änderung an einer minimierten Datei vorgenommen haben, können Sie mit dem Tool "Änderungen " horizontal scrollen, um Ihren gesamten minimierten Code anzuzeigen:
Um horizontal zu scrollen, klicken Sie auf die horizontale Bildlaufleiste, oder drücken Sie die NACH-LINKS- oder NACH-RECHTS-TASTE.