Entwicklertools anpassen

Sofia Emelianova
Sofia Emelianova

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

Einstellungen

Unter  Einstellungen > Einstellungen finden Sie viele Optionen zum Anpassen der DevTools.

Weitere Informationen finden Sie unter Einstellungen öffnen und Einstellungen.

Dunkles Design

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

Das dunkle Design

  1. Öffnen Sie das Befehlsmenü.
  2. Beginnen Sie mit der Eingabe von dark, wählen Sie den Befehl Zum dunklen Design wechseln aus und drücken Sie dann Eingabetaste, um den Befehl auszuführen.

    Der Befehl für das dunkle Design.

  3. Alternativ können Sie das Design in den  Einstellungen > Einstellungen > Darstellung > Designs festlegen.

Dynamisches Design

Die Entwicklertools können das Farbschema von Chrome automatisch übernehmen.

So legen Sie ein Design fest:

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

Die Entwicklertools entsprechen dem in „Darstellung“ ausgewählten Farbdesign.

Leiste

Der Schieberegler enthält viele versteckte Funktionen.

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

Die Schublade.

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

Die Schaltfläche „Weitere Tools“ zum Öffnen weiterer Leisten-Tabs

Platzierung der Entwicklertools ändern

Standardmäßig ist die Entwicklertools rechts neben Ihrem Darstellungsbereich verankert. Sie können die DevTools auch unten oder links andocken oder in einem separaten Fenster anzeigen.

Sie haben zwei Möglichkeiten, die Platzierung der DevTools zu ändern:

  • Hauptmenü: Öffnen Sie das Entwicklertools anpassen und steuern und klicken Sie auf:
    • Rückgängig machen in separatem Fenster
    • Dock nach links
    • Unten andocken
    • Dock nach rechts
  • Command-Menü:

    1. Öffnen Sie das Befehlsmenü.
    2. Geben Sie dock ein und wählen Sie eine der vorgeschlagenen Optionen aus: Unten, links, rechts andocken, andocken aufheben oder letzte Andockposition wiederherstellen.

Vorgeschlagene Docking-Option im Befehlsmenü.

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
  • Unter macOS: Befehlstaste + Umschalttaste + 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:

  • Steuerfelder oben in den Entwicklertools.
  • Bereiche im Bereich Elemente, z. B. Styles, Computed oder Layout.
  • Bereiche im Bereich Quellen, z. B. Seite, Arbeitsbereich oder Überschreibungen.
  • Übersichtsleisten unten in den DevTools

Außerdem können Sie Bereiche und Tabs nach oben und unten in die Seitenleiste verschieben. 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.

Die Reihenfolge deiner benutzerdefinierten Tabs gilt für alle Entwicklertools-Sitzungen.

Bereichslayout

Standardmäßig ordnen die Entwicklertools das Steuerfeld-Layout automatisch an die Fenstergröße an. Sie können die automatische Neuanordnung deaktivieren. Gehe zu Einstellungen > Einstellungen > Darstellung und aktualisieren Sie das Bereichslayout wie gewünscht.

Der Bereich „Stile“ im Steuerfeld Elemente wird beispielsweise bei kleiner Bildschirmgröße von der Seite nach unten verschoben. Wenn der Stilbereich immer auf der Seite bleiben soll, ändern Sie das Steuerfeld-Layout zu Vertikal.

Layout des Bereichs ändern

Sprache der DevTools-Benutzeroberfläche ändern

Weitere Informationen finden Sie unter Einstellungen > Einstellungen > Darstellung > Sprache:

Sie können die Sprache in den Einstellungen ändern.

Synchronisierungseinstellungen

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

Aktivieren Sie zuerst die Chrome-Synchronisierung, um die Synchronisierung zu aktivieren. Nach der Aktivierung werden deine Entwicklertools-Einstellungen standardmäßig synchronisiert.

Synchronisierung des Chrome-Profils.

Sie können die Synchronisierung der DevTools-Einstellungen separat über das Kästchen  Einstellungen > Synchronisieren > Synchronisierungseinstellungen aktivieren aktivieren oder deaktivieren.

Synchronisierungseinstellungen in den Entwicklertools

In den Entwicklertools werden die meisten Einstellungen synchronisiert. Davon ausgenommen sind die auf den Tabs Arbeitsbereich, Experimente und Geräte und einige andere allgemeine Einstellungen. Der Status des Kästchens Einstellungen synchronisieren wird ebenfalls zwischen Geräten synchronisiert.

Beispielsweise werden die folgenden Darstellungseinstellungen synchronisiert, damit Sie auf allen Geräten dieselben Einstellungen verwenden können und sie nicht noch einmal definieren müssen.

Darstellungseinstellungen

Die Dock-Einstellung wird jedoch nicht synchronisiert, da Entwickler beim Debugging auf verschiedenen Websites unterschiedliche Einstellungen für das Dock haben.

Das Dock.

Tastenkürzel anpassen

Unter Einstellungen > Verknüpfungen:

Tests aktivieren

Unter Einstellungen > Tests: