it-swarm.com.de

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.

464
kostja

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.

862
loislo

Platzieren Sie den Zeiger auf der Dock-Schaltfläche und klicken Sie je nach Browserversion lange (einige Sekunden) oder rechts/links.

enter image description hereenter image description here

69
user3246105

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:
Settings screenshot

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.

40
Alupotha

Sieht aus, als wäre dies unten links als Symbol mit überlappenden Fenstern und dem "In separaten Fenster abdocken". Tooltip.

enter image description here

18
brian_d

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

11
user2243570

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

8
Pierre Maoui

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.

1
Charix

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:

 "Show console drawer"

0
Anton Polkanov