So positionieren Sie die Chrome Developer Tools neu
Die Werkzeuge werden standardmäßig am unteren Rand des Chrome-Fensters geöffnet. Dies ist eine eher schlechte Wahl für Breitbildschirme, da rechts recht viel Platz vorhanden ist, aber nicht viel vertikaler Platz. Leider habe ich keine Möglichkeit gefunden, die Werkzeuge neu zu positionieren. Ich möchte sie gerne auf der Seite haben, ähnlich wie bei einem Feuerbock.
Die einzige Option, die der von mir gewünschten ähnelt, besteht darin, die Entwicklungswerkzeuge abzunehmen und Chrom und das Werkzeugfenster nebeneinander anzuordnen. Dies ist nicht sehr praktisch, um schnell von der IDE zum Browser und zurück zu wechseln, also wäre eine "integrierte" Lösung Nizza.
Chrome 46 oder neuer
Klicken Sie auf die vertikale Ellipsen-Schaltfläche (⋮) und wählen Sie die gewünschte Andockoption.
Chrome 45 oder älter
Halten Sie das Dock-Symbol oben rechts gedrückt. Es erscheint eine Option, um das Andocken zu ändern
Um die Aufteilung zwischen den HTML- und CSS-Bereichen zu ändern, wechseln Sie in DevTools zu Einstellungen (F1)> Allgemein> Darstellung> Fensterlayout.
Platzieren Sie den Zeiger auf der Dock-Schaltfläche und klicken Sie je nach Browserversion lange (einige Sekunden) oder rechts/links.
Tastaturkürzel zum Umschalten der Andockposition (seitlich/unten)
CTRL+SHIFT+D
Und es gibt viele Verknüpfungen, die Sie sehen können, wenn Sie zu gehen
Einstellungen "Verknüpfungen , wie hier angezeigt:
Alternativ verwenden Sie CTRL + ? Um zu den Einstellungen zu gelangen, können Sie den Unterpunkt "Verknüpfungen" auf der linken Seite aufrufen oder die offizielle Referenz verwenden.
Sieht aus, als wäre dies unten links als Symbol mit überlappenden Fenstern und dem "In separaten Fenster abdocken". Tooltip.
Nachdem ich mein Dock rechts platziert habe (siehe ältere Antworten), fand ich die Platten immer noch vertikal geteilt.
Um die Panels horizontal zu unterteilen - und sogar noch mehr von Ihrer Bildschirmbreite -, gehen Sie zu Einstellungen (untere rechte Ecke) und entfernen Sie das Häkchen bei 'Panels vertikal teilen, wenn sie rechts angedockt sind'.
Jetzt haben Sie alle Felder von links nach rechts: p
Stand Oktober 2014, Version 39.0.2171.27 Beta (64-Bit)
Ich musste im Chrome Web Developper-Fenster in "Einstellungen" gehen und das Kontrollkästchenvertikal aufteilen deaktivieren, wenn es rechts angedockt ist
Die Version 56.0.2924.87, in der ich mich gerade befinde, entkoppelt die DevTools automatisch, wenn Sie NICHT in einem Desktop sind. Andernfalls Öffnen Sie eine neue neue Chrome-Registerkarte und prüfen Sie, ob die DevTools wieder im Fenster verankert sind.
Wenn Sie Quellen und Konsole in einem Fenster anzeigen möchten, gehen Sie zu:
"Anpassen und Steuern von DevTools ->" Konsolenschublade anzeigen "
Sie können es auch hier an der rechten Ecke sehen:
