¿Cómo abrir Chrome Developer Tools en una nueva ventana?

250

Cuando trato de usar las Herramientas para desarrolladores de Chrome, parece que ya no puedo verlo en una nueva ventana.

¿Es esto un error o fue realmente un cambio previsto en una actualización?

¿Cómo podemos abrir las Herramientas para desarrolladores de Chrome en una nueva ventana?

Aquí hay una captura de pantalla de lo que estoy hablando.

ingrese la descripción de la imagen aquí

google-chrome google-chrome-devtools

— Abel Callejo
fuente

11

@AbelMelquiadesStreetjo Debe hacer clic y mantener presionada la opción para revelar.

— katalin_2003

2

Hola, nota al margen, en una caja de Linux aquí y tuve que mantenerla presionada con el botón izquierdo del mouse y luego hacer clic con la rueda del mouse para que se desactive.

— Bob Barker

de verdad, recuerdo el botón fácil, pero ahora es ridículo forzar a google a hacerlo.

— alexander_ch

Similar a: stackoverflow.com/questions/3936925/…

— Venkat

426

A partir de Chrome 52, la interfaz de usuario ha cambiado. Cuando el cuadro de diálogo Herramientas para desarrolladores está abierto, selecciona los puntos suspensivos verticales y luego puede elegir la posición de acoplamiento:

Seleccione el icono de la izquierda para abrir las Herramientas para desarrolladores de Chrome en una nueva ventana:

Previamente

Haga clic y mantenga presionado el botón al lado del botón de cierre de Developer Tool para revelar la opción "Desacoplar en una ventana separada".

ingrese la descripción de la imagen aquí

~~Nota: Una "prensa" no es suficiente en ese estado.~~

— Kyle Hale
fuente

18

Una "prensa" no es suficiente en ese estado. Debe hacer clic y mantener presionado el botón (a la izquierda del botón de cierre) para que aparezca la opción "Desbloquear en una ventana separada".

— katalin_2003

55

Sí, click and hold(estoy usando Chrome para Windows, versión 39.x para x64).

— Do Nhu Vy

55

¿Hay alguna manera de abrir siempre en una nueva ventana? Había una opción antes, pero no se puede encontrar en 39.0.2171.95.

— user3285954

94

Qué terrible decisión de UI; No estoy seguro de que pueda ser más indescifrable. ¡Gracias por el consejo!

— Joshua Jabbour

2

A partir de algún momento a mediados de 2016, solo tiene que hacer clic en las elipses verticales para que aparezcan las opciones de acoplamiento, ya no tiene que hacer clic y mantener presionado.

— Chris B

8

haga clic en tres puntos en la esquina superior derecha ->
haga clic en el icono "Desacoplar en una ventana separada"

— фымышонок
fuente

3

Debe hacer clic y mantener presionado hasta que aparezca el otro ícono, luego deslizar el mouse hacia el ícono.

— usuario1585204
fuente

1

Simplemente escriba ctrl + shift + I en google chrome y aterrizará en una ventana de desarrollador aislada.

— bulkyPanda
fuente

55

esto solo funciona si sus herramientas de desarrollador de Chrome ya estaban configuradas para abrirse en una nueva ventana

— Abel Callejo

1

Si necesita abrir DevTools, presione ctrl-shift-i .

Si la ventana DevTools ya está abierta, puede usar el atajo ctrl-shift-d ; cambia la ventana a un modo separado.

Por ejemplo, en mi caso, la ventana de aplicación de electrones (Chrome) es realmente pequeña.

No es posible utilizar ninguna otra sugerencia, excepto el atajo ctrl-shift-d

— Roman Podlinov
fuente

Acabo de probar esta respuesta y parece funcionar bien en Windows. También lo probé en Mac, pero los atajos son diferentes. Abra DevTools ( cmd + opción + i ) y cambie al otro lado del muelle ( cmd + shift + d ). También en Mac, usando cmd + shift + dw / o abriendo primero, las DevTools darían lugar a una funcionalidad diferente.

— Abel Callejo