Ändern der DevTools-Platzierung (Ausdocken, Andocken nach unten, Andocken auf links)

  • Artikel

Sie können ändern, wo DevTools im Browser angedockt ist. Standardmäßig ist Microsoft Edge DevTools rechts neben dem Browserfenster angedockt. Sie können DevTools auch am unteren oder linken Rand des Fensters andocken oder DevTools an einem separaten Fenster ausdocken.

So ändern Sie den Speicherort von DevTools im Browserfenster:

  • Klicken Sie auf die Menüschaltfläche DevTools anpassen und steuern (DevTools-Symbol anpassen und steuern), und wählen Sie dann im Abschnitt Speicherort andocken eine Layoutoption aus:
    • In separates Fenster ausdocken (Symbol
    • Nach links andocken (Symbol
    • Nach unten andocken (Symbol
    • Nach rechts andocken (Symbol

Das Menü

Nach links andocken oder rechts andocken bleibt DevTools parallel zu Ihrer Webseite und eignet sich hervorragend, wenn Sie mobile Geräte emulieren (Geräteemulation). Die Optionen Nach links andocken und Rechts andocken funktionieren am besten mit hochauflösenden Displays.

Ausdocken von DevTools in ein separates Fenster

Andocken Sie DevTools in ein eigenes, separates Fenster, wenn Sie mit mehreren Monitoren arbeiten möchten, oder wenn Sie an einer Vollbild-App arbeiten und viel Platz für die DevTools-Benutzeroberfläche benötigen. Die folgende Abbildung zeigt DevTools, die in einem eigenen, dedizierten Fenster abgedockt wurden:

DevTools in einem separaten Fenster abgedockt

Da DevTools nun über ein eigenes dediziertes Fenster verfügt, belegt die zu entwerfende Seite nun ein gesamtes Browserfenster:

WebPage, die sich im Entwurf befindet, jetzt getrennt vom DevTools-Fenster, das aus dem Webseitenfenster des Browsers abgedockt wird

Andocken von DevTools auf der linken Seite des Browsers

Die folgende Abbildung zeigt DevTools, die auf der linken Seite des Browserfensters angedockt sind:

DevTools links angedockt

Andocken von DevTools am unteren Rand des Browsers

Andocken nach unten hilft Ihnen, wenn Sie nicht über genügend horizontalen Anzeigebereich verfügen oder langen Text im DOM oder der Konsole debuggen möchten. Die folgende Abbildung zeigt DevTools am unteren Rand des Browserfensters:

DevTools unten angedockt

Andocken von DevTools auf der rechten Seite des Browsers

Die folgende Abbildung zeigt DevTools auf der rechten Seite des Browserfensters, wobei es sich um den Standardspeicherort handelt:

DevTools rechts angedockt

Ändern der Andockung von DevTools mithilfe des Befehlsmenüs

  1. Öffnen Sie das Befehlsmenü. Klicken Sie hierzu auf die Menüschaltfläche DevTools anpassen und steuern (DevTools-Symbol anpassen und steuern), und klicken Sie dann auf Befehl ausführen. Oder drücken Sie STRG+UMSCHALT+P (Windows/Linux) oder BEFEHL+UMSCHALT+P (macOS).

  2. Geben Sie dock ein, und wählen Sie dann einen Dockbefehl aus:

    • Nach unten andocken
    • Nach links andocken
    • Nach rechts andocken
    • Letzte Andockposition wiederherstellen
    • Ausdocken in separates Fenster