google-chrome - tools - como usar la consola de chrome
Cómo reposicionar Chrome Developer Tools (7)
Las herramientas se abren en la parte inferior de la ventana de Chrome por defecto. Esta es una opción bastante mala para una visualización de pantalla ancha, ya que hay mucho espacio vacío a la derecha pero no mucho espacio libre. Desafortunadamente, no he encontrado manera de reposicionar las herramientas. Me gustaría tenerlos en el lado, similar a Firebug.
La única opción similar a lo que quiero es separar las herramientas de desarrollo y colocar Chrome y la ventana de herramientas una al lado de la otra. Sin embargo, esto no es muy conveniente para una rápida alternación del IDE al navegador y viceversa, por lo que una solución "integrada" sería agradable.
Método abreviado de teclado para alternar la posición de acoplamiento (lateral / inferior)
CTRL + MAYÚS + D
Y hay muchos atajos que puedes verlos yendo a
Ajustes »Accesos directos , como se muestra aquí:
Alternativamente, utilice CTRL + ? para ir a la configuración, desde allí se puede acceder al subelemento "Accesos directos" a la izquierda o usar la referencia oficial .
Chrome 46 o más nuevo
Haga clic en el botón de puntos suspensivos verticales (⋮) y luego elija la opción de acoplamiento deseada.
Chrome 45 o mayor
Mantenga pulsado el icono de la base en la parte superior derecha. Se abre una opción para cambiar el acoplamiento
Para cambiar la división entre los paneles HTML y CSS, vaya a DevTools a Configuración (F1)> General> Apariencia> Diseño del panel.
A partir de octubre de 2014, versión 39.0.2171.27 beta (64 bits)
Necesitaba ir en el panel de Chrome Web Developper a "Configuración" y desmarcar Paneles verticales cuando está acoplado a la derecha
Coloque el puntero en el botón de acoplamiento y haga clic largo durante unos segundos o haga clic con el botón derecho e izquierdo según la versión del navegador.
Después de colocar el dock a la derecha (ver las respuestas anteriores), todavía encontré los paneles divididos verticalmente.
Para dividir los paneles horizontalmente, e incluso obtener más del ancho de la pantalla, vaya a Configuración (esquina inferior derecha) y elimine la marca "Dividir los paneles verticalmente cuando esté acoplado a la derecha".
Ahora, tienes todos los paneles de izquierda a derecha: p
La versión 56.0.2924.87 en la que estoy ahora, desbloquea el DevTools automáticamente si NO está en un escritorio. De lo contrario, abra una NUEVA pestaña de Chrome nueva e inspeccione para acoplar DevTools nuevamente a la ventana.
Parece que esto está en la parte inferior izquierda ahora como un icono con ventanas superpuestas y el "Desacoplar en ventana separada". información sobre herramientas