Wie öffne ich die Chrome Developer Tools in einem neuen Fenster?

250

Wenn ich versuche, die Chrome Developer Tools zu verwenden, kann ich sie anscheinend nicht mehr in einem neuen Fenster anzeigen.

Ist das ein Fehler oder war das wirklich eine beabsichtigte Änderung in einem Update?

Wie können wir die Chrome Developer Tools in einem neuen Fenster öffnen?

Hier ist ein Screenshot von dem, wovon ich spreche.

Geben Sie hier die Bildbeschreibung ein

google-chrome google-chrome-devtools

— Abel Callejo
quelle

11

@AbelMelquiadesCallejo Sie müssen klicken und gedrückt halten, damit die Option angezeigt wird .

— katalin_2003

2

Hey Randnotiz, auf einer Linux-Box hier und ich musste lange mit der linken Maustaste gedrückt halten und dann mit dem Mausrad klicken, um das Abdocken zu ermöglichen.

— Bob Barker

Eigentlich erinnere ich mich an den einfachen Knopf, aber jetzt ist es lächerlich, dass ich gezwungen war zu googeln, wie es geht.

— alexander_ch

Ähnlich wie: stackoverflow.com/questions/3936925/…

— Venkat

426

Ab Chrome 52 hat sich die Benutzeroberfläche geändert. Wenn das Dialogfeld "Entwicklertools" geöffnet ist, wählen Sie die vertikalen Auslassungspunkte aus und können dann die Andockposition auswählen:

Wählen Sie das Symbol links aus, um die Chrome Developer Tools in einem neuen Fenster zu öffnen:

Vorher

Klicken und halten Sie die Schaltfläche neben der Schaltfläche zum Schließen des Entwicklertools, um die Option "In separatem Fenster abdocken" anzuzeigen.

Geben Sie hier die Bildbeschreibung ein

~~Hinweis: Ein "Drücken" reicht in diesem Zustand nicht aus.~~

— Kyle Hale
quelle

18

Eine "Presse" reicht in diesem Zustand nicht aus. Sie müssen auf die Schaltfläche (links neben der Schaltfläche zum Schließen) klicken und sie gedrückt halten , um die Option "In separates Fenster entsperren" anzuzeigen.

— katalin_2003

5

Ja click and hold(ich verwende Chrome für Windows, Version 39.x für x64).

— Do Nhu Vy

5

Gibt es eine Möglichkeit, immer in einem neuen Fenster zu öffnen? Es gab zuvor eine Option, die jedoch in 39.0.2171.95 nicht gefunden werden kann.

— user3285954

94

Was für eine schreckliche UI-Entscheidung; Ich bin mir nicht sicher, ob es unentdeckbarer sein könnte. Danke für den Tipp!

— Joshua Jabbour

2

Ab Mitte 2016 müssen Sie nur noch auf die vertikalen Ellipsen klicken, damit die Docking-Optionen angezeigt werden. Sie müssen nicht mehr klicken und halten.

— Chris B

8

Klicken Sie oben rechts auf drei Punkte ->
Klicken Sie auf das Symbol "In separatem Fenster abdocken"

— фымышонок
quelle

3

Sie müssen klicken und gedrückt halten, bis das andere Symbol angezeigt wird, und dann die Maus nach unten zum Symbol bewegen.

— user1585204
quelle

1

Geben Sie einfach Strg + Umschalt + I in Google Chrome ein und Sie landen in einem isolierten Entwicklerfenster.

— sperriger Panda
quelle

5

Dies funktioniert nur, wenn Ihre Chrome-Entwickler-Tools bereits in einem neuen Fenster geöffnet wurden

— Abel Callejo

1

Wenn Sie die DevTools öffnen müssen, drücken Sie Strg-Umschalt-i .

Wenn das DevTools-Fenster bereits geöffnet ist, können Sie Strg-Umschalt-D verwenden . es schaltet das Fenster in einen getrennten Modus.

Zum Beispiel ist in meinem Fall das Elektronenanwendungsfenster (Chrome) wirklich klein.

Es ist nicht möglich , irgendwelche anderen Vorschläge mit Ausnahme der verwenden Strg-Shift-d Abkürzung

— Roman Podlinov
quelle

Ich habe gerade diese Antwort ausprobiert und sie scheint unter Windows gut zu funktionieren. Ich habe es auch auf dem Mac versucht, aber die Verknüpfungen sind unterschiedlich. Öffnen Sie die DevTools ( cmd + Option + i ) und wechseln Sie zur anderen Dock-Seite ( cmd + Shift + d ). Auch auf einem Mac würden die DevTools bei direkter Verwendung von cmd + shift + dw / o, die zuerst geöffnet werden, eine andere Funktionalität ergeben.

— Abel Callejo