¿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

Respuestas:

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:

ingrese la descripción de la imagen aquí

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

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

ingrese la descripción de la imagen aquí

  1. haga clic en tres puntos en la esquina superior derecha ->
  2. 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.

ingrese la descripción de la imagen aquí

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