Personaliza las Herramientas para desarrolladores

Kayce Basques
Kayce Basques
Sofia Emelianova
Sofia Emelianova

En esta página, se enumeran las maneras en que puedes personalizar las Herramientas para desarrolladores de Chrome.

Configuración

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.

El tema oscuro

  1. Abre el menú de comandos.
  2. Comienza a escribir dark, selecciona el comando Cambiar al tema oscuro y, luego, presiona Intro para ejecutar el comando.

    Comando del tema oscuro

  3. También puedes establecer el tema en Configuración. 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:

  1. Abre una nueva pestaña y haz clic en editar Personalizar Chrome en la esquina inferior derecha.
  2. En Apariencia, elige un tema mediante el fondo de pantalla Cambiar temas o selecciona una paleta de colores.

Herramientas para desarrolladores coincide con el tema de color seleccionado en Diseño.

Panel lateral

El panel lateral contiene muchos componentes ocultos.

Presiona Escape para abrir o cerrar el panel lateral.

El cajón

Haz clic en Más herramientas. Más herramientas para abrir otras pestañas del Panel lateral.

El botón Más herramientas abre 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 Más. Customize And Control Herramientas para desarrolladores y haz clic en:
    • Desanclar. Desanclar en una ventana separada
    • Anclar a la izquierda Estación de carga a la izquierda
    • Anclar en la parte inferior. Estación de carga en la parte inferior
    • Anclar a la derecha. Estación de carga a la derecha
  • Menú de comandos:

    1. Abre el menú de comandos.
    2. 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.

Opción de acoplamiento sugerida en el menú de comandos.

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 diseño del panel

Cambiar el idioma de la IU de Herramientas para desarrolladores

Consulta Configuración. Configuración > Preferencias > Apariencia > Idioma.

Para cambiar el idioma, ve a Configuración y, luego, Preferencias

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.

Sincronización del perfil de Chrome.

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. Configuración > Sincronización > Casilla de verificación. Habilitar la sincronización de la configuración.

Configuración de sincronización de Herramientas para desarrolladores

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.

La configuración de la apariencia

Sin embargo, la configuración del conector no está sincronizada porque los desarrolladores tienen diferentes preferencias de acoplamiento cuando realizan depuraciones en distintos sitios.

La estación de carga.

Personalizar las combinaciones de teclas

Consulta Configuración > Accesos directos.

Habilitar experimentos

Consulte Configuración > Experimentos.