So positionieren Sie die Chrome-Entwicklerwerkzeuge neu

Question

Die Werkzeuge werden standardmäßig am unteren Rand des Chrome-Fensters geöffnet. Dies ist eine eher schlechte Wahl für einen Breitbildschirm, da rechts viel leerer Platz vorhanden ist, aber vertikal nicht viel Platz übrig bleibt. Leider habe ich keine Möglichkeit gefunden, die Werkzeuge anders zu positionieren. Ich würde sie gerne an der Seite haben, ähnlich wie bei Firebug.

Die einzige Option, die dem entspricht, was ich möchte, ist die Abtrennung der Entwicklungswerkzeuge und die Platzierung von Chrome und dem Werkzeugfenster nebeneinander. Dies ist nicht sehr bequem für schnell alt-tabbing von der IDE zum Browser und zurück aber, so eine "integrierte" Lösung wäre schön.

Answer 1

Chrome 46 oder neuere Version

Klicken Sie auf die vertikale Ellipsenschaltfläche ( ) und wählen Sie dann die gewünschte Andockoption.

Chrom 45 oder älter

Halten Sie das Dock-Symbol oben rechts lange gedrückt. Es öffnet sich eine Option zum Ändern des Dockings

Um die Aufteilung zwischen dem HTML- und dem CSS-Bedienfeld zu ändern, gehen Sie in DevTools zu Einstellungen (F1) > Allgemein > Erscheinungsbild > Bedienfeldlayout.

Answer 2

Platzieren Sie Ihren Mauszeiger auf die Docking-Schaltfläche und klicken Sie lange darauf (einige Sekunden) oder klicken Sie mit der rechten und linken Maustaste, je nach Browserversion.

Answer 3

Tastaturkürzel zum Umschalten der Andockposition (Seite/unten)

<strong>CTRL</strong> + <strong>SHIFT</strong> + <strong>D</strong>

Und es gibt viele Abkürzungen, die Sie sehen können, wenn Sie zu

Einstellungen " Shortcuts wie hier dargestellt:

Alternativ können Sie auch <strong>CTRL</strong> + ? um zu den Einstellungen zu gelangen, von dort aus kann man den Unterpunkt "Shortcuts" auf der linken Seite erreichen oder die Taste Offizielle Referenz .

Answer 4

Sieht so aus, als ob dies jetzt unten links als Symbol mit überlappenden Fenstern und dem Tooltip "Abdocken in ein separates Fenster" zu sehen ist.

Answer 5

Nachdem ich meine Anlegestelle nach rechts verschoben hatte (siehe ältere Antworten), waren die Platten immer noch vertikal geteilt.

Um die Bereiche horizontal aufzuteilen - und sogar noch mehr von Ihrer Bildschirmbreite zu erhalten - gehen Sie zu den Einstellungen (unten rechts) und entfernen Sie das Häkchen bei "Bereiche vertikal aufteilen, wenn rechts angedockt".

Jetzt haben Sie alle Tafeln von links nach rechts :p