Cómo cambiar la posición de las Herramientas para desarrolladores de Chrome


Las herramientas se abren en la parte inferior de la ventana de Chrome por defecto. Esta es una opción bastante mala para una pantalla ancha, ya que hay mucho espacio vacío a la derecha, pero no mucho espacio vertical de sobra. Desafortunadamente, no he encontrado ninguna 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 lado a lado. Esto no es muy conveniente para alt-tabbing rápidamente desde el IDE al navegador y de vuelta, sin embargo, por lo que una solución "integrada" sería agradable.

Author: Uwe Keim, 2012-04-05

7 answers

Chrome 46 o posterior

Haga clic en el botón de puntos suspensivos verticales (vertical ) y luego elija la opción de acoplamiento deseada.

Chrome 45 o superior

Mantenga presionado el icono del dock en la parte superior derecha. Aparece 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.

 852
Author: loislo,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-02-08 14:35:15

Coloque el puntero en el botón del dock y haga clic largo (algunos segundos) o haga clic derecho e izquierdo del ratón dependiendo de la versión del navegador.

introduzca la descripción de la imagen aquíintroduzca la descripción de la imagen aquí

 69
Author: user3246105,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2014-01-28 20:32:21

Atajo de teclado para alternar la posición de acoplamiento (lateral/inferior)

CTRL+CAMBIO+D

Y hay muchos atajos que puedes ver yendo a

Ajustes " Atajos, como se muestra aquí:
Captura de pantalla de configuración

Alternativamente, use CTRL + ? para ir a la configuración, desde allí se puede llegar al sub-ítem "Atajos" a la izquierda o utilizar el Oficial referencia.

 37
Author: Alupotha,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2015-04-14 12:05:59

Parece que esto está en la parte inferior izquierda ahora como un icono con ventanas superpuestas y la ventana "Desacoplar en una ventana separada."tooltip.

introduzca la descripción de la imagen aquí

 18
Author: brian_d,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-11-03 22:19:12

Después de haber colocado mi dock a la derecha (ver respuestas anteriores), todavía encontré los paneles divididos verticalmente.

Para dividir los paneles horizontalmente, e incluso obtener más del ancho de su pantalla, vaya a Configuración (esquina inferior derecha) y elimine la verificación de 'Dividir paneles verticalmente cuando se acopla a la derecha'.

Ahora, tienes todos los paneles de izquierda a derecha: p

 11
Author: user2243570,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-06-06 09:15:22

A partir de octubre de 2014, Versión 39.0.2171.27 beta (64-bit)

Tenía que ir en el Chrome Web Developper pan en "Configuración" y desmarcar Dividir los paneles verticalmente cuando se acoplan a la derecha

 8
Author: Pierre Maoui,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2014-10-16 11:28:09

La versión 56.0.2924.87 en la que estoy ahora, desactiva las herramientas de desarrollo automáticamente si no está en un escritorio. De lo contrario, Abra una nueva pestaña de Chrome nueva e Inspeccione para acoplar los DevTools de nuevo en la ventana.

 1
Author: Charix,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-03-30 13:01:20