Anpassen von DevTools

Auf dieser Seite werden die Möglichkeiten zum Anpassen von Microsoft Edge DevTools aufgeführt.

Einstellungen

Einstellungen>Einstellungen enthalten viele Optionen zum Anpassen von DevTools.

Um Einstellungen zu öffnen, klicken Sie in DevTools auf das Symbol DevTools anpassen und steuern (DevTools-Symbol anpassen und steuern), und klicken Sie dann auf Einstellungen (Symbol Einstellungen). Oder drücken Sie F1, während DevTools den Fokus hat.

Einstellungen

Schnellansicht

In der Symbolleiste Schnellansicht unten in DevTools können Sie auswählen, welche Tools angezeigt werden sollen.

Um den Bereich Schnellansicht zu öffnen (oder zu schließen), drücken Sie ESC , wenn sich der Fokus auf DevTools befindet.

Die Schublade

Sie können Tools zwischen der Aktivitätsleiste (oben) und der Symbolleiste "Schnellansicht " (unten) verschieben.

  • Um ein Tool von der Symbolleiste " Schnellansicht" auf die Aktivitätsleiste zu verschieben, klicken Sie mit der rechten Maustaste auf ein Tool, und wählen Sie dann Zur oberen Aktivitätsleiste verschieben aus:

    Verschieben eines Tools von der Symbolleiste

  • Um ein Tool von der Aktivitätsleiste in die Symbolleiste Schnellansicht zu verschieben, klicken Sie mit der rechten Maustaste auf ein Tool, und wählen Sie dann In die untere Schnellansicht verschieben aus:

    Verschieben eines Tools von der Aktivitätsleiste in die Symbolleiste

Neuanordnen von Tools

Um die Reihenfolge der Registerkarten auf einer Symbolleiste zu ändern, ziehen Sie die Registerkarte eines Tools an die gewünschte Position. Ihre benutzerdefinierte Toolreihenfolge wird über DevTools-Sitzungen hinweg beibehalten.

Beispielsweise ist das Netzwerktool standardmäßig die fünfte Registerkarte auf der Aktivitätsleiste. Sie können die Registerkarte Netzwerk ziehen, um zur ersten Registerkarte zu werden:

Benutzerdefinierte Reihenfolge von DevTools in einer Symbolleiste

Registerkarten, die von DevTools-Erweiterungen hinzugefügt werden, werden immer am Ende der Aktivitätsleiste hinzugefügt. Sie können sie während einer DevTools-Sitzung neu anordnen, aber sie befinden sich immer wieder am Ende der Aktivitätsleiste , wenn DevTools geöffnet wird.

Öffnen und Schließen von Tools

Um die DevTools-Schnittstelle zu optimieren, werden viele der Tools nicht standardmäßig geöffnet. Um ein Tool in der Aktivitätsleiste oder der Symbolleiste Schnellansicht zu öffnen, klicken Sie rechts neben den Registerkarten auf die Schaltfläche Weitere Tools (Weitere Tools), und wählen Sie dann ein Tool aus der Liste aus:

Schaltfläche

Klicken Sie zum Schließen eines Tools mit der rechten Maustaste auf die Registerkarte eines Tools, und wählen Sie dann Aus Aktivitätsleiste entfernen oder Aus Schnellansicht entfernen aus:

Schaltfläche 'Schließen' auf der Registerkarte

Ändern, wo DevTools im Browser angedockt ist

Um zu ändern, wo DevTools im Browser angedockt ist, klicken Sie auf das DevTools-Symbol anpassen und steuern (DevTools-Symbol anpassen und steuern), und wählen Sie eine der Optionen im Untermenü Speicherort andocken aus:

Das Menü

Weitere Informationen finden Sie unter Ändern der DevTools-Platzierung (Ausdocken, Andocken nach unten, Andocken auf der linken Seite).

Vergrößern oder Verkleineren von DevTools

Weitere Informationen finden Sie unter Zoom DevTools in oder out in Der Übersicht über DevTools.

Farbdesigns

Weitere Informationen finden Sie unter Anwenden eines Farbdesigns auf DevTools.

Auswählen eines anderen Farbdesigns

Standardeinstellungen wiederherstellen

Um das Standarddesign, die Platzierung, die Reihenfolge der Tools und andere benutzerdefinierte Einstellungen wiederherzustellen, wählen Sie Einstellungen>Einstellungen aus, scrollen Sie nach unten, und klicken Sie dann auf Standardwerte wiederherstellen und aktualisieren:

Wiederherstellen von Standardeinstellungen

Anpassen von Tastenkombinationen

Weitere Informationen finden Sie unter Anpassen von Tastenkombinationen.

Videos zum Anpassen der DevTools-Benutzeroberfläche

Anpassen von Microsoft Edge-Entwicklertools und schneller Featurezugriff

Veröffentlicht am 5. Mai 2022.

Miniaturansicht für das DevTools-Anpassungsvideo

Erfahren Sie, wie Sie DevTools an Ihre Anforderungen anpassen.

In diesem Video erfahren Sie, wie Sie DevTools andocken, neue Tools öffnen und nicht benötigte Tools schließen. Es wird beschrieben, wie Sie Tools in der unteren Schublade verschieben und die Textgröße und das Design anpassen. Im Video wird auch erläutert, wie Sie die Tastenkombinationen des Befehlsmenüs verwenden können, um DevTools schnell anzupassen.

Grundlegendes zur DevTools-Benutzeroberfläche

Veröffentlicht am 1. September 2022.

Miniaturansicht für das Video

Erfahren Sie, wie die Microsoft Edge DevTools-Benutzeroberfläche organisiert ist. Wenn Sie nicht sicher sind, welche Tools verfügbar sind und was die Standard Teile der DevTools-Schnittstelle tun, hilft Ihnen dieses Video dabei, sich besser vertraut zu machen.

In diesem Video wird die Ui-Struktur mit der Standard Symbolleiste und dem Panel und dem Schubladenbereich erläutert. Außerdem erfahren Sie, wie Sie Tools suchen, öffnen und schließen, die Standardeinstellungen wiederherstellen und die Liste der verfügbaren Tools durchgehen.

Sehen Sie sich dieses Video an, um mehr über die Standard Teile der DevTools-Benutzeroberfläche zu erfahren, wie Sie sie an Ihre Anforderungen anpassen, welche verschiedenen Tools verfügbar sind und wo Sie Hilfe benötigen.

Weitere Informationen

Hinweis

Teile dieser Seite sind Änderungen, die auf von Google erstellten und freigegebenen Werken basieren und gemäß den in der Creative Commons Attribution 4.0 International License beschriebenen Bestimmungen verwendet werden. Die originale Seite befindet sich hier und wurde von Kayce Basques (Technical Writer, Chrome DevTools & Lighthouse) verfasst.

Creative Commons License Dieses Werk ist unter einer Creative Commons Attribution 4.0 International License lizenziert.