Kayce Basques
Sofia Emelianova
En esta página, se incluyen las combinaciones de teclas de las Herramientas para desarrolladores de Chrome.
También puedes encontrar combinaciones de teclas en los cuadros de información. Coloca el cursor sobre un elemento de la IU de las Herramientas para desarrolladores para mostrar su cuadro de información. Si el elemento tiene una combinación de teclas, el cuadro de información la incluye.
Combinaciones de teclas para abrir las Herramientas para desarrolladores
Para abrir las Herramientas para desarrolladores, presiona las siguientes combinaciones de teclas mientras el cursor esté enfocado en la ventana gráfica del navegador:
| Acción | Mac | Windows / Linux |
|---|---|---|
| Abre el panel que usaste por última vez | Command+Option+I | F12 o Control+Shift+I |
| Abre el panel de la Consola | Command+Option+J | Control+Shift+J |
| Abre el panel Elementos | Command+Shift+C o Command+Option+C | Control+Shift+C |
Combinaciones de teclas globales
Las siguientes combinaciones de teclas están disponibles en la mayoría de los paneles de las Herramientas para desarrolladores, si no en todos.
| Acción | Mac | Windows / Linux |
|---|---|---|
| Mostrar la configuración | ? o Function+F1 | ? o F1 |
| Enfocar el siguiente panel | Command+] | Control+] |
| Enfocar el panel anterior | Command+[ | Control+[ |
| Vuelve a la posición de acoplamiento que usaste por última vez. Si las Herramientas para desarrolladores estuvieron en su posición predeterminada durante toda la sesión, esta combinación de teclas las desancla en una ventana separada | Command+Shift+D | Control+Shift+D |
| Activar o desactivar el modo de dispositivo | Command+Shift+M | Control+Shift+M |
| Activar o desactivar el modo de inspección de elementos | Command+Shift+C | Control+Shift+C |
| Abrir el menú de comandos | Command+Shift+P | Control+Shift+P |
| Activar o desactivar el panel lateral | Escape | Escape |
| Volver a cargar de forma normal | Command+R | F5 o Control+R |
| Volver a cargar de forma forzosa | Command+Shift+R | Control+F5 o Control+Shift+R |
| Buscar texto en el panel actual. Solo se admite en los paneles Elementos, Consola, Fuentes, Rendimiento, Memoria, Generador de perfiles de JavaScript y Fuente rápida. | Command+F | Control+F |
| Abre la pestaña Buscar en el panel lateral, que te permite buscar texto en todos los recursos cargados | Command+Option+F | Control+Shift+F |
| Abre un archivo en el panel Fuentes | Command+O o Command+P | Control+O o Control+P |
| Acercar | Command+Shift++ | Control+Shift++ |
| Alejar | Command+- | Control+- |
| Restablecer el nivel de zoom predeterminado | Command+0 | Control+0 |
| Ejecutar fragmento | Presiona Command+O para abrir el menú de comandos, escribe ! seguido del nombre de la secuencia de comandos y, luego, presiona Intro | Presiona Control+O para abrir el menú de comandos, escribe ! seguido del nombre de la secuencia de comandos y, luego, presiona Intro |
Combinaciones de teclas del panel Elementos
| Acción | Mac | Windows / Linux |
|---|---|---|
| Deshacer cambio | Command+Z | Control+Z |
| Rehacer cambio | Command+Shift+Z | Control+Y |
| Selecciona el elemento que está arriba o abajo del elemento seleccionado actualmente | Flecha hacia arriba o Flecha hacia abajo | Flecha hacia arriba o Flecha hacia abajo |
| Expande el nodo seleccionado actualmente. Si el nodo ya está expandido, esta combinación de teclas selecciona el elemento que está debajo | Flecha a la derecha | Flecha a la derecha |
| Contrae el nodo seleccionado actualmente. Si el nodo ya está contraído, esta combinación de teclas selecciona el elemento que está arriba | Flecha hacia la izquierda | Flecha hacia la izquierda |
| Expande o contrae el nodo seleccionado actualmente y todos sus elementos secundarios | Mantén presionada la tecla Option y, luego, haz clic en el ícono de flecha junto al nombre del elemento | Mantén presionadas las teclas Control+Alt y, luego, haz clic en el ícono de flecha junto al nombre del elemento |
| Activa o desactiva el modo Editar atributos en el elemento seleccionado actualmente | Intro | Intro |
| Selecciona el atributo siguiente o anterior después de ingresar al modo Editar atributos | Tab o Shift+Tab | Tab o Shift+Tab |
| Oculta el elemento seleccionado actualmente | H | H |
| Activa o desactiva el modo Editar como HTML en el elemento seleccionado actualmente | Function+F2 | F2 |
Combinaciones de teclas del panel Estilos
| Acción | Mac | Windows / Linux |
|---|---|---|
| Ve a la línea en la que se declara un valor de propiedad | Mantén presionada la tecla Command y, luego, haz clic en el valor de la propiedad | Mantén presionada la tecla Control y, luego, haz clic en el valor de la propiedad |
| Recorre las reglas de CSS | Flecha hacia arriba o Flecha hacia abajo | Flecha hacia arriba o Flecha hacia abajo |
| Recorre las propiedades y los controles en los valores de propiedad dentro de una regla de CSS | Flecha hacia la izquierda o Flecha a la derecha | Flecha hacia la izquierda o Flecha a la derecha |
| Abre el cuadro de información del valor de CSS cuando enfocas una función en un valor de propiedad (p.ej., var, calc, clamp, etc., identificada por un subrayado de puntos) | Option+ Flecha hacia abajo | Alt+Flecha hacia abajo |
| Cambia la representación de un valor de color (p.ej., RGB, hexadecimal, oklch, etc.) | Mantén presionada la tecla Shift y, luego, haz clic en el cuadro Vista previa del color junto al valor | Mantén presionada la tecla Shift y, luego, haz clic en el cuadro Vista previa del color junto al valor |
| Edita la propiedad o el valor siguiente o anterior | Haz clic en un nombre o valor de propiedad y, luego, presiona Tab o Shift+Tab | Haz clic en un nombre o valor de propiedad y, luego, presiona Tab o Shift+Tab |
| Aumenta o disminuye un valor de propiedad en 0.1 | Haz clic en un valor y, luego, presiona Option+Flecha hacia arriba o Option+Flecha hacia abajo | Haz clic en un valor y, luego, presiona Alt+Flecha hacia arriba o Alt+Flecha hacia abajo |
| Aumenta o disminuye un valor de propiedad en 1 | Haz clic en un valor y, luego, presiona Flecha hacia arriba o Flecha hacia abajo | Haz clic en un valor y, luego, presiona Flecha hacia arriba o Flecha hacia abajo |
| Aumenta o disminuye un valor de propiedad en 10 | Haz clic en un valor y, luego, presiona Shift+Flecha hacia arriba o Shift+Flecha hacia abajo | Haz clic en un valor y, luego, presiona Shift+Flecha hacia arriba o Shift+Flecha hacia abajo |
| Aumenta o disminuye un valor de propiedad en 100 | Haz clic en un valor y, luego, presiona Command+Flecha hacia arriba o Command+Flecha hacia abajo | Haz clic en un valor y, luego, presiona Control+Flecha hacia arriba o Control+Flecha hacia abajo |
| Recorre las representaciones de grados (deg), gradianes (grad), radianes (rad) y giros (turn) de un valor de ángulo | Mantén presionada la tecla Shift y, luego, haz clic en el cuadro Vista previa del ángulo junto al valor | Mantén presionada la tecla Shift y, luego, haz clic en el cuadro Vista previa del ángulo junto al valor |
| Aumenta o disminuye un valor de ángulo en 1 | Haz clic en el cuadro Vista previa del ángulo junto al valor y, luego, presiona Flecha hacia arriba o Flecha hacia abajo | Haz clic en el cuadro Vista previa del ángulo junto al valor y, luego, presiona Flecha hacia arriba o Flecha hacia abajo |
| Aumenta o disminuye un valor de ángulo en 10 | Haz clic en el cuadro Vista previa del ángulo junto al valor y, luego, presiona Shift+Flecha hacia arriba o Shift+Flecha hacia abajo | Haz clic en el cuadro Vista previa del ángulo junto al valor y, luego, presiona Shift+Flecha hacia arriba o Shift+Flecha hacia abajo |
| Aumenta o disminuye un valor de ángulo en 15 | Haz clic en el cuadro Vista previa del ángulo junto al valor y, luego, presiona Shift, haz clic o desliza el mouse en la superposición del reloj de ángulo | Haz clic en el cuadro Vista previa del ángulo junto al valor y, luego, presiona Shift, haz clic o desliza el mouse en la superposición del reloj de ángulo |
Combinaciones de teclas del panel Fuentes
| Acción | Mac | Windows / Linux |
|---|---|---|
| Pausa la ejecución de la secuencia de comandos (si se está ejecutando) o reanúdala (si está en pausa) | F8 o Command+\ | F8 o Control+\ |
| Pasa por encima de la siguiente llamada a función | F10 o Command+' | F10 o Control+' |
| Ingresa a la siguiente llamada a función | F11 o Command+; | F11 o Control+; |
| Sal de la función actual | Shift+F11 o Command+Shift+; | Shift+F11 o Control+Shift+; |
| Continúa hasta una línea de código determinada mientras está en pausa | Mantén presionada la tecla Command y, luego, haz clic en la línea de código | Mantén presionada la tecla Control y, luego, haz clic en la línea de código |
| Selecciona el marco de llamada que está debajo o arriba del marco seleccionado actualmente | Control+. o Control+, | Control+. o Control+, |
| Guarda los cambios en las modificaciones locales | Command+S | Control+S |
| Guarda todos los cambios | Command+Option+S | Control+Alt+S |
| Ir a la línea | Control+G | Control+G |
| Salta a un número de línea del archivo abierto actualmente | Presiona Command+O para abrir el menú de comandos, escribe : seguido del número de línea y, luego, presiona Intro | Presiona Control+O para abrir el menú de comandos, escribe : seguido del número de línea y, luego, presiona Intro |
| Salta a una columna del archivo abierto actualmente (por ejemplo, línea 5, columna 9) | Presiona Command+O para abrir el menú de comandos, escribe :, luego el número de línea, luego otro :, luego el número de columna y, luego, presiona Intro | Presiona Control+O para abrir el menú de comandos, escribe :, luego el número de línea, luego otro :, luego el número de columna y, luego, presiona Intro |
| Ve a una declaración de función (si el archivo abierto actualmente es HTML o una secuencia de comandos) o a un conjunto de reglas (si el archivo abierto actualmente es una hoja de estilo) | Presiona Command+Shift+O, luego escribe el nombre de la declaración o el conjunto de reglas, o selecciónalo de la lista de opciones | Presiona Control+Shift+O, luego escribe el nombre de la declaración o el conjunto de reglas, o selecciónalo de la lista de opciones |
| Cierra la pestaña activa | Option+W | Alt+W |
| Abre la pestaña siguiente o anterior | Function+Command+Arriba o Abajo | Control+Re Pág o Av Pág |
| Activa o desactiva la barra lateral de Navegación a la izquierda | Command+Shift+Y | Control+Shift+Y |
| Activa o desactiva la barra lateral del Depurador a la derecha | Command+Shift+H | Control+Shift+H |
Combinaciones de teclas del editor de código
| Acción | Mac | Windows / Linux |
|---|---|---|
| Borra todos los caracteres de la última palabra hasta el cursor | Option+Borrar | Control+Borrar |
| Agrega o quita un punto de interrupción de línea de código | Enfoca el cursor en la línea y, luego, presiona Command+B | Enfoca el cursor en la línea y, luego, presiona Control+B |
| Abre el diálogo de edición de puntos de interrupción para editar puntos de interrupción condicionales o puntos de registro | Enfoca el cursor en la línea y, luego, presiona Command+Alt+B | Enfoca el cursor en la línea y, luego, presiona Control+Alt+B |
| Abre el diálogo de puntos de interrupción condicionales | Command+haz clic en un número de línea | Control+haz clic en un número de línea |
| Abre el diálogo de puntos de registro | Command+Shift+haz clic en un número de línea | Control+Shift+haz clic en un número de línea |
| Ve al corchete coincidente | Control+M | Control+M |
| Activa o desactiva el comentario de una sola línea. Si se seleccionan varias líneas, las Herramientas para desarrolladores agregan un comentario al comienzo de cada línea | Command+/ | Control+/ |
| Selecciona o anula la selección de la siguiente aparición de la palabra en la que está el cursor. Cada aparición se destaca de forma simultánea | Command+D o Command+U | Control+D o Control+U |
Combinaciones de teclas del panel de redes
| Acción | Mac | Windows / Linux |
|---|---|---|
| Buscar encabezados, cargas útiles y respuestas | Command+F | Control+F |
| Iniciar o detener la grabación | Command+E | Control+E |
| Grabar una recarga | Command+R | Control+R |
| Ocultar los detalles de una solicitud seleccionada | Escape | Escape |
Combinaciones de teclas del panel Rendimiento
| Acción | Mac | Windows / Linux |
|---|---|---|
| Iniciar o detener la grabación | Command+E | Control+E |
| Guardar grabación | Command+S | Control+S |
| Cargar grabación | Command+O | Control+O |
Combinaciones de teclas del panel Memoria
| Acción | Mac | Windows / Linux |
|---|---|---|
| Iniciar o detener la grabación | Command+E | Control+E |
Combinaciones de teclas del panel Consola
| Acción | Mac | Windows / Linux |
|---|---|---|
| Aceptar sugerencia de autocompletar | Flecha a la derecha o Tab | Flecha a la derecha o Tab |
| Rechazar sugerencia de autocompletar | Escape | Escape |
| Navegar por la lista de autocompletar hacia arriba o hacia abajo | Arriba o Abajo o Control+P o N | Arriba o Abajo o Control+P o N |
| Obtener la instrucción anterior | Flecha hacia arriba | Flecha hacia arriba |
| Obtener la siguiente instrucción | Flecha hacia abajo | Flecha hacia abajo |
| Enfocar la Consola | Control+` | Control+` |
| Borrar la Consola | Command+K o Option+L | Control+L |
| Forzar una entrada de varias líneas. Ten en cuenta que las Herramientas para desarrolladores deben detectar situaciones de varias líneas de forma predeterminada, por lo que esta combinación de teclas ya no suele ser necesaria | Shift+Return | Shift+Intro |
| Ejecutar | Return | Intro |
| Expande todas las subpropiedades de un objeto que se registró en la Consola | Mantén presionada la tecla Alt y, luego, haz clic en Expandir > | Mantén presionada la tecla Alt y, luego, haz clic en Expandir > |
Combinaciones de teclas de la pestaña Buscar
| Acción | Mac | Windows / Linux |
|---|---|---|
| Expandir o contraer todos los resultados de la búsqueda | Command+Option+{ o } | Control+Shift+{ o } |
Combinaciones de teclas del panel Grabadora
| Acción | Mac | Windows / Linux |
|---|---|---|
| Iniciar o detener la grabación | Command+E | Control+E |
| Volver a reproducir la grabación | Command+Intro | Control+Intro |
| Copiar grabación o paso seleccionado | Command+C | Control+C |
| Activar o desactivar la vista de código | Command+B | Control+B |
Combinaciones de teclas del panel Capas
| Acción | Mac | Windows / Linux |
|---|---|---|
| Mueve el diagrama a lo largo de los ejes X e Y | W (arriba), A (izquierda), S (abajo), D (derecha) | W (arriba), A (izquierda), S (abajo), D (derecha) |
| Activar o desactivar el modo de paneo | X | X |
| Activar o desactivar el modo de rotación | V | V |
| Restablece la posición y la rotación del diagrama | 0 | 0 |
| Acerca el diagrama | Shift++ o desplaza la rueda del mouse hacia arriba | Shift++ o desplaza la rueda del mouse hacia arriba |
| Aleja el diagrama | Shift+- o desplaza la rueda del mouse hacia abajo | Shift+- o desplaza la rueda del mouse hacia abajo |