Cómo reposicionar las herramientas para desarrolladores de Chrome
Las herramientas se abren en la parte inferior de la ventana de Chrome de forma predeterminada. Esta es una elecció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 encontré manera de reposicionar las herramientas. Me gustaría tenerlos a un lado, similar al firebug.
La única opción similar a la que quiero es separar las herramientas de desarrollo y colocar Chrome y la ventana de herramientas uno al lado del otro. Sin embargo, esto no es muy conveniente para cambiar rápidamente la tecla Alt desde el IDE al navegador y viceversa, por lo que una solución "integrada" sería buena.
Chrome 46 o posterior
Haga clic en el botón de puntos suspensivos verticales ( ⋮ ) y luego elija la opción de acoplamiento deseada.
Chrome 45 o más
Mantenga presionado el ícono del muelle 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 en DevTools a Configuración (F1) > General > Apariencia > Diseño del panel.
Coloque el puntero en el botón Dock y haga clic prolongado (algunos segundos) o haga clic derecho e izquierdo según la versión del navegador.
Atajo de teclado para alternar la posición de acoplamiento (lateral/inferior)
CTRL+ SHIFT+D
Y hay muchos atajos que puedes ver yendo a
Configuración »Atajos , como se muestra aquí:
Alternativamente, use CTRL+ ?para ir a la configuración, desde allí se puede llegar al subelemento "Atajos" a la izquierda o usar la Referencia oficial .
