Entwicklertools anpassen

Kayce Basques

Jecelyn Yeen

Sofia Emelianova

Auf dieser Seite wird beschrieben, wie Sie die Chrome-Entwicklertools anpassen können.

Einstellungen

Unter Einstellungen > Einstellungen findest du viele Optionen zum Anpassen der Entwicklertools.

Weitere Informationen finden Sie unter Einstellungen öffnen und Einstellungen.

Dunkles Design

Du kannst das dunkle Design in den Einstellungen oder im Befehlsmenü aktivieren.

1. Öffne das Befehlsmenü.

2. Geben Sie dark ein, wählen Sie den Befehl Zum dunklen Design wechseln aus und drücken Sie die Eingabetaste, um den Befehl auszuführen.

   

3. Sie können das Design auch unter Einstellungen > Einstellungen > Darstellung > Designs festlegen.

Dynamisches Design

Die Entwicklertools können das Farbschema von Chrome automatisch anpassen.

So legen Sie ein Design fest:

1. Öffnen Sie einen neuen Tab und klicken Sie rechts unten auf Bearbeiten Chrome anpassen.
2. Unter Darstellung können Sie unter Hintergrund Designs ändern ein Design auswählen oder eine Farbvorlage auswählen.

Leiste

Die Leiste enthält viele ausgeblendete Funktionen.

Drücken Sie die Esc-Taste, um die Leiste zu öffnen oder zu schließen.

Klicken Sie auf Weitere Tools, um weitere Drawer-Tabs zu öffnen.

Platzierung der Entwicklertools ändern

Die Entwicklertools sind standardmäßig rechts im Darstellungsbereich angedockt. Du kannst auch an der unteren oder linken Seite andocken oder die Entwicklertools in einem separaten Fenster vom Dock lösen.

Du kannst die Platzierung der Entwicklertools auf zwei Arten ändern:

• Hauptmenü: Öffnen Sie Entwicklertools anpassen und steuern und klicken Sie auf:
  • In einem separaten Fenster rückgängig machen
  • Links andocken
  • An unten andocken
  • Rechts andocken

• Befehlstaste:

  1. Öffne das Befehlsmenü.
  2. Beginnen Sie mit der Eingabe von dock und wählen Sie eine der vorgeschlagenen Optionen aus: Unten, links oder rechts andocken, letzte Dock-Position wiederherstellen.

Wenn Sie die Option Letzte Dock-Position wiederherstellen mit einer Tastenkombination aktivieren möchten, drücken Sie:

• Linux oder Windows: Strg + Umschalttaste + D
• Unter macOS: Befehlstaste + Umschalt + D

Steuerfelder, Tabs und Bereiche neu anordnen

Um die Reihenfolge zu ändern, klicken Sie auf eine der folgenden Optionen und ziehen Sie sie nach links oder rechts:

• Bereiche oben in den Entwicklertools.
• Bereiche im Bereich Elemente wie Styles, Computed, Layout usw.
• Bereiche im Bereich Quellen, z. B. Seite, Arbeitsbereich und Überschreibungen.
• Drawer-Tabs unten in den Entwicklertools.

Außerdem können Sie Steuerfelder und Tabs nach oben und unten in die Leiste verschieben oder daraus entfernen. Klicken Sie dazu mit der rechten Maustaste auf das Steuerfeld oder den Tab und wählen Sie im Drop-down-Menü An den Anfang verschieben oder Ans Ende verschieben aus.

Deine benutzerdefinierte Tab-Reihenfolge bleibt über die Entwicklertools-Sitzungen hinweg erhalten.

Bereichslayout

Standardmäßig ordnen die Entwicklertools dein Steuerfeldlayout automatisch an die Größe des Fensters an. Sie können die automatische Neuanordnung deaktivieren. Gehen Sie zu Einstellungen und ändern Sie das Bereichslayout wie gewünscht.

Der Bereich „Stile“ im Bereich Elemente wird z. B. bei kleinen Bildschirmen von der Seite nach unten verschoben. Wenn der Stilbereich immer seitlich sichtbar bleiben soll, ändern Sie das Steuerfeldlayout in vertikal.

Sprache der Entwicklertools-Benutzeroberfläche ändern

Weitere Informationen findest du unter Einstellungen > Einstellungen > Darstellung > Sprache.

Synchronisierungseinstellungen

Du kannst deine Entwicklertools-Einstellungen auf mehreren Geräten synchronisieren.

Um die Synchronisierung zu aktivieren, müssen Sie zuerst die Chrome-Synchronisierung aktivieren. Nach der Aktivierung werden die Entwicklertools-Einstellungen standardmäßig synchronisiert.

Du kannst die Synchronisierung der Entwicklertools-Einstellungen separat aktivieren oder deaktivieren. Klicke dazu auf das Kästchen Einstellungen > Synchronisierung > Synchronisierung von Einstellungen aktivieren.

Mit den Entwicklertools werden die meisten Einstellungen synchronisiert, außer denen auf den Tabs Arbeitsbereich, Experimente und Geräte und einige andere allgemeine Einstellungen. Der Status des Kontrollkästchens Synchronisierung von Einstellungen aktivieren wird ebenfalls zwischen den Geräten synchronisiert.

Die folgenden Einstellungen für die Darstellung werden beispielsweise synchronisiert, damit Sie sie auf allen Geräten einheitlich nutzen können und dieselben Einstellungen nicht neu definieren müssen.

Die Einstellung dock wird jedoch nicht synchronisiert, da Entwickler bei der Fehlerbehebung auf verschiedenen Websites unterschiedliche Dock-Einstellungen haben.

Tastenkombinationen anpassen

Siehe Einstellungen > Kurzbefehle.

Tests aktivieren

Weitere Informationen finden Sie unter Einstellungen > Tests.