En esta página, se enumeran las maneras en que puedes personalizar las Herramientas para desarrolladores de Chrome.
Configuración
Settings > Preferences contiene muchas opciones para personalizar Herramientas para desarrolladores.
Consulta Abrir Configuración y Preferencias.
Tema oscuro
Puedes habilitar el tema oscuro en Configuración o en el Menú de comandos.
- Abre el menú de comandos.
Comienza a escribir
dark
, selecciona el comando Cambiar al tema oscuro y, luego, presiona Intro para ejecutar el comando.También puedes establecer el tema en Configuración > Preferencias > Apariencia > Temas.
Tema dinámico
Las Herramientas para desarrolladores pueden hacer coincidir automáticamente el tema de color de Chrome.
Para establecer un tema, sigue estos pasos:
- Abre una nueva pestaña y haz clic en editar Personalizar Chrome en la esquina inferior derecha.
- En Apariencia, elige un tema mediante el fondo de pantalla Cambiar temas o selecciona una paleta de colores.
Panel lateral
El panel lateral contiene muchos componentes ocultos.
Presiona Escape para abrir o cerrar el panel lateral.
Haz clic en Más herramientas para abrir otras pestañas del Panel lateral.
Cambiar la posición de las Herramientas para desarrolladores
De forma predeterminada, Herramientas para desarrolladores se encuentra anclado a la derecha de tu viewport. También puedes anclar a los lados inferior o izquierdo, o bien desconectar Herramientas para desarrolladores en una ventana separada.
Puedes cambiar la ubicación de Herramientas para desarrolladores de dos maneras:
- Menú principal: Abre Customize And Control Herramientas para desarrolladores y haz clic en:
- Desanclar en una ventana separada
- Estación de carga a la izquierda
- Estación de carga en la parte inferior
- Estación de carga a la derecha
Menú de comandos:
- Abre el menú de comandos.
- Comienza a escribir
dock
y selecciona una de las opciones sugeridas: anclar a la parte inferior, izquierda, derecha, desconectar o restablecer la última posición de la estación de carga.
Para activar o desactivar la opción Restablecer la última posición de la estación de carga con una combinación de teclas, presiona lo siguiente:
- En Linux o Windows: Control + Mayúsculas + D
- En macOS: Comando + Mayúsculas + D
Cómo reordenar paneles, pestañas y paneles
Para cambiar el orden, haz clic y arrastra hacia la izquierda o derecha cualquiera de las siguientes opciones:
- Paneles de la parte superior de Herramientas para desarrolladores.
- Paneles en el panel Elements, como Styles, Computed, Layout y otros.
- Se desplaza en el panel Fuentes, como Página, Espacio de trabajo, Anulaciones y otras opciones.
- Pestañas del panel lateral en la parte inferior de Herramientas para desarrolladores.
Además, puedes mover los paneles y las pestañas hacia arriba y hacia abajo desde y hacia el panel lateral. Para ello, haz clic con el botón derecho en el panel o en la pestaña y selecciona Mover al principio o Mover al final en el menú desplegable.
El orden de pestañas personalizado persiste en las sesiones de Herramientas para desarrolladores.
Diseño del panel
De manera predeterminada, Herramientas para desarrolladores reorganizará automáticamente el diseño de tu panel según el tamaño de la ventana. Puedes inhabilitar el reordenamiento automático. Ve a Configuración > actualiza el diseño del panel según tus preferencias.
Por ejemplo, el panel Estilos del panel Elementos se moverá del lado a la parte inferior cuando el tamaño de la pantalla sea pequeño. Si deseas que el panel Estilo permanezca siempre en el costado, cambia el diseño del panel a Vertical.
Cambiar el idioma de la IU de Herramientas para desarrolladores
Consulta Configuración > Preferencias > Apariencia > Idioma.
Configuración de sincronización
Puedes sincronizar la configuración de Herramientas para desarrolladores en varios dispositivos.
Para habilitar la sincronización, primero activa la Sincronización de Chrome. Una vez habilitada, la configuración de Herramientas para desarrolladores se sincroniza de forma predeterminada.
Puedes habilitar o inhabilitar la sincronización de la configuración de Herramientas para desarrolladores por separado con la casilla de verificación Configuración > Sincronización > Habilitar la sincronización de la configuración.
Las Herramientas para desarrolladores sincronizan la mayoría de los parámetros de configuración, excepto los de las pestañas Lugar de trabajo, Experimentos y Dispositivos, y algunos otros parámetros de configuración generales. El estado de la casilla de verificación Habilitar sincronización de la configuración también se sincroniza en todos los dispositivos.
Por ejemplo, se sincronizaron los siguientes parámetros de configuración de Apariencia, por lo que tendrás una experiencia coherente en todos los dispositivos y no tendrás que volver a definir la misma configuración.
Sin embargo, la configuración del conector no está sincronizada porque los desarrolladores tienen diferentes preferencias de acoplamiento cuando realizan depuraciones en distintos sitios.
Personalizar las combinaciones de teclas
Consulta Configuración > Accesos directos.
Habilitar experimentos
Consulte Configuración > Experimentos.