Auf dieser Seite wird beschrieben, wie Sie die Chrome-Entwicklertools anpassen können.
Einstellungen
Einstellungen > Einstellungen enthält viele Optionen zum Anpassen von DevTools.
Weitere Informationen finden Sie unter Einstellungen öffnen und Einstellungen.
Dunkles Design
Sie können das dunkle Design in den Einstellungen oder über das Befehlsmenü aktivieren.
- Befehlsmenü öffnen
Geben Sie
darkein, wählen Sie den Befehl Zum dunklen Design wechseln aus und drücken Sie die Eingabetaste, um den Befehl auszuführen.Alternativ können Sie das Design in den Einstellungen > Einstellungen > Darstellung > Designs festlegen.
Dynamisches Design
Die Entwicklertools können automatisch an das Farbdesign von Chrome angepasst werden.
So legen Sie ein Design fest:
- Öffnen Sie einen neuen Tab und klicken Sie rechts unten auf Chrome anpassen.
- Wählen Sie unter Darstellung über Designs ändern ein Design aus oder wählen Sie eine Farbvorlage aus.
Wenn Sie das dynamische Design deaktivieren möchten, deaktivieren Sie in den Einstellungen > Einstellungen > Darstellung > Chrome-Farbschema anpassen und laden Sie die DevTools neu.
Leiste
Die Schublade enthält viele verborgene Funktionen.
Drücken Sie die Esc-Taste, um die Schublade zu öffnen oder zu schließen.
Klicken Sie auf Weitere Tools, um andere Tabs im Drawer zu öffnen.
Platzierung der Entwicklertools ändern
Standardmäßig sind die Entwicklertools rechts neben dem Darstellungsbereich angedockt. Sie können die Entwicklertools auch unten oder links andocken oder in einem separaten Fenster anzeigen lassen.
Es gibt zwei Möglichkeiten, die Position der Entwicklertools zu ändern:
- Hauptmenü: Öffnen Sie Entwicklertools anpassen und steuern und klicken Sie auf:
- In separatem Fenster anzeigen
- Links fixieren
- Unten fixieren
- Rechts fixieren
Befehlsmenü:
- Befehlsmenü öffnen
- Geben Sie
dockein und wählen Sie eine der vorgeschlagenen Optionen aus: „Unten andocken“, „Links andocken“, „Rechts andocken“, „Andockung aufheben“ oder „Letzte Andockposition wiederherstellen“.
Wenn Sie die Option Letzte Dock-Position wiederherstellen mit einer Tastenkombination aktivieren oder deaktivieren möchten, drücken Sie:
- Unter Linux oder Windows: Strg + Umschalttaste + D
- macOS: Befehlstaste + Umschalttaste + D
Bereiche, Tabs und Fenster neu anordnen
Wenn Sie die Reihenfolge ändern möchten, klicken Sie auf eines der folgenden Elemente und ziehen Sie es nach links oder rechts:
- Bereiche oben in den Entwicklertools.
- Bereiche im Bereich Elemente wie Stile, Berechnet und Layout
- Bereiche im Bereich Quellen, z. B. Seite, Arbeitsbereich und Überschreibungen.
- Schubladen-Tabs unten in den DevTools.
Außerdem können Sie Bereiche und Tabs nach oben und unten verschieben, um sie in die Schublade zu verschieben oder aus ihr zu entfernen. Klicken Sie dazu mit der rechten Maustaste auf den Bereich oder Tab und wählen Sie im Drop-down-Menü An den Anfang verschieben oder Ans Ende verschieben aus.
Ihre benutzerdefinierte Tabreihenfolge bleibt über DevTools-Sitzungen hinweg erhalten.
Bereichslayout
Standardmäßig wird das Layout der Bereiche in DevTools automatisch an die Fenstergröße angepasst. Sie können die automatische Neuanordnung deaktivieren. Gehen Sie zu den Einstellungen > Einstellungen > Darstellung und aktualisieren Sie das Bedienfeldlayout nach Bedarf.
Wenn die Bildschirmgröße klein ist, wird beispielsweise der Bereich „Stile“ im Bereich „Elemente“ von der Seite an den unteren Rand verschoben. Wenn Sie möchten, dass der Bereich „Stile“ immer an der Seite angezeigt wird, ändern Sie das Bereichslayout in vertikal.
Sprache der DevTools-Benutzeroberfläche ändern
Einstellungen > Einstellungen > Darstellung > Sprache
Synchronisierungseinstellungen
Sie können Ihre DevTools-Einstellungen auf mehreren Geräten synchronisieren.
Wenn Sie die Synchronisierung aktivieren möchten, müssen Sie zuerst die Chrome-Synchronisierung aktivieren. Nach der Aktivierung werden Ihre Entwicklertools-Einstellungen standardmäßig synchronisiert.
Sie können die Synchronisierung der DevTools-Einstellungen separat über das Kästchen Synchronisierungseinstellungen aktivieren unter Einstellungen > Synchronisierung aktivieren oder deaktivieren.
DevTools synchronisiert die meisten Einstellungen, mit Ausnahme der Einstellungen auf den Tabs Workspace, Experiments und Devices sowie einiger anderer allgemeiner Einstellungen. Der Status des Kästchens Einstellungen synchronisieren wird ebenfalls geräteübergreifend synchronisiert.
Die folgenden Darstellungseinstellungen werden beispielsweise synchronisiert, damit Sie auf allen Geräten eine einheitliche Benutzeroberfläche haben und die Einstellungen nicht noch einmal festlegen müssen.
Die Einstellung Andocken wird jedoch nicht synchronisiert, da Entwickler beim Debuggen auf verschiedenen Websites unterschiedliche Andockpräferenzen haben.
Tastenkürzel anpassen
Siehe Einstellungen > Tastenkürzel.
Tests aktivieren
Weitere Informationen finden Sie unter Einstellungen > Tests.