Kayce Basques
Sofia Emelianova
Esta página es una referencia de las combinaciones de teclas de las Herramientas para desarrolladores de Chrome.
También puedes encontrar atajos en las herramientas de ayuda. Coloca el cursor sobre un elemento de la IU de DevTools para mostrar su información sobre la herramienta. Si el elemento tiene un atajo, la información sobre herramientas lo incluye.
Combinaciones de teclas para abrir DevTools
Para abrir Herramientas para desarrolladores, presiona las siguientes combinaciones de teclas mientras el cursor está enfocado en el viewport del navegador:
| Acción | Mac | Windows / Linux |
|---|---|---|
| Abre el panel que usaste por última vez | Comando+Opción+I | F12 o Control + Mayúsculas + I |
| Abre el panel Consola. | Comando+Opción+J | Control+Mayúsculas+J |
| Abre el panel Elementos. | Comando+Mayúsculas+C o Comando+Opción+C | Control+Mayúsculas+C |
Combinaciones de teclas globales
Las siguientes combinaciones de teclas están disponibles en la mayoría de los paneles de DevTools, si no en todos.
| Acción | Mac | Windows / Linux |
|---|---|---|
| Mostrar Configuración | ? o Función + F1 | ? o F1 |
| Enfocar el siguiente panel | Comando+] | Control + ] |
| Enfocar el panel anterior | Comando+[ | Control + [ |
| Vuelve a la posición de conexión que usaste por última vez. Si Herramientas para desarrolladores estuvo en su posición predeterminada durante toda la sesión, este atajo lo desancla en una ventana separada. | Comando+Mayúsculas+D | Control+Mayúsculas+D |
| Activa o desactiva el Modo de dispositivo. | Comando+Mayúsculas+M | Control+Mayúsculas+M |
| Activa o desactiva el modo Inspect Element. | Comando+Mayúsculas+C | Control+Mayúsculas+C |
| Abre el menú de comandos. | Comando+Mayúsculas+P | Control+Mayúsculas+P |
| Activa o desactiva el panel lateral. | Escape | Escape |
| Volver a cargar de forma normal | Comando + R | F5 o Control + R |
| Recarga forzada | Comando+Mayúsculas+R | Control + F5 o Control + Mayúsculas + R |
| Busca texto dentro del panel actual. Solo se admite en los paneles Elementos, Consola, Fuentes, Rendimiento, Memoria, Generador de perfiles de JavaScript y Fuente rápida. | Comando + F | Control + F |
| Abre la pestaña Búsqueda en el panel lateral, que te permite buscar texto en todos los recursos cargados. | Comando+Opción+F | Control + Mayúsculas + F |
| Abre un archivo en el panel Fuentes. | Comando + O o Comando + P | Control + O o Control + P |
| Acercar | Comando+Mayúsculas++ | Control+Mayúsculas++ |
| Alejar | Comando+- | Control + - |
| Restablece el nivel de zoom predeterminado | Comando+0 | Control + 0 |
| Ejecutar fragmento | Presiona Comando+O para abrir el menú de comandos y escribe !. seguido del nombre de la secuencia de comandos y, luego, presiona Intro. | Presiona Control+O para abrir el menú de comandos y 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 | Comando + Z | Control+Z |
| Rehacer cambio | Comando+Mayúsculas+Z | Control + Y |
| Selecciona el elemento que está arriba o debajo del elemento seleccionado actualmente. | Flecha hacia arriba / Flecha hacia abajo | Flecha hacia arriba / Flecha hacia abajo |
| Expande el nodo seleccionado actualmente. Si el nodo ya está expandido, este atajo selecciona el elemento debajo de él. | Flecha a la derecha | Flecha a la derecha |
| Contrae el nodo seleccionado actualmente. Si el nodo ya está reducido, este atajo selecciona el elemento que está encima de él. | Flecha a la izquierda | Flecha a 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 y Alt y, luego, haz clic en el ícono de flecha junto al nombre del elemento. |
| Activar o desactivar el modo Editar atributos en el elemento seleccionado actualmente | Intro | Intro |
| Seleccionar el atributo siguiente o anterior después de ingresar al modo Editar atributos | Tab / Mayúsculas + Tab | Tab / Mayúsculas + Tab |
| Oculta el elemento seleccionado actualmente | H | H |
| Activa o desactiva el modo Editar como HTML en el elemento seleccionado actualmente. | Función + 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 presionado Command y, luego, haz clic en el valor de la propiedad. | Mantén presionado Control y, luego, haz clic en el valor de la propiedad. |
| Repetir las representaciones RGBA, HSLA y hexadecimales de un valor de color | Mantén presionada la tecla Mayúsculas y, luego, haz clic en el cuadro Vista previa de color junto al valor. | Mantén presionada la tecla Mayúsculas y, luego, haz clic en el cuadro Vista previa de color junto al valor. |
| Selecciona la propiedad o el valor anterior o siguiente | Haz clic en el nombre o valor de una propiedad y, luego, presiona Tab o Mayúsculas + Tab. | Haz clic en el nombre o valor de una propiedad y, luego, presiona Tab o Mayúsculas + Tab. |
| Aumenta o disminuye un valor de propiedad en 0.1 | Haz clic en un valor y, luego, presiona Opción + Flecha hacia arriba / Opción + Flecha hacia abajo. | Haz clic en un valor y, luego, presiona Alt + flecha hacia arriba / flecha hacia abajo. |
| Incrementa o disminuye un valor de propiedad en 1 | Haz clic en un valor y, luego, presiona la flecha hacia arriba o la flecha hacia abajo. | Haz clic en un valor y, luego, presiona la flecha hacia arriba o la flecha hacia abajo. |
| Aumenta o disminuye un valor de propiedad en 10 | Haz clic en un valor y, luego, presiona Mayúsculas + Flecha hacia arriba / Mayúsculas + Flecha hacia abajo. | Haz clic en un valor y, luego, presiona Mayúsculas + Flecha hacia arriba / Mayúsculas + Flecha hacia abajo. |
| Aumenta o disminuye un valor de propiedad en 100 | Haz clic en un valor y, luego, presiona Comando + Flecha hacia arriba / Comando + Flecha hacia abajo. | Haz clic en un valor y, luego, presiona Control + Flecha hacia arriba / Control + Flecha hacia abajo. |
| Recorre las representaciones de grados (deg), grados centígrados (grad), radianes (rad) y giros (turn) de un valor de ángulo. | Mantén presionada la tecla Mayúsculas y, luego, haz clic en el cuadro Vista previa de ángulo junto al valor. | Mantén presionada la tecla Mayúsculas y, luego, haz clic en el cuadro Vista previa de á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 la flecha hacia arriba o la flecha hacia abajo. | Haz clic en el cuadro Vista previa del ángulo junto al valor y, luego, presiona la flecha hacia arriba o la 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 Mayúsculas + Flecha hacia arriba / Mayúsculas + Flecha hacia abajo. | Haz clic en el cuadro Vista previa del ángulo junto al valor y, luego, presiona Mayúsculas + Flecha hacia arriba / Mayúsculas + Flecha hacia abajo. |
| Aumenta o disminuye un valor de ángulo en 15 | Haz clic en el cuadro Angle Preview junto al valor y, luego, presiona Mayúsculas, haz clic o desliza el mouse sobre la superposición de reloj de ángulo. | Haz clic en el cuadro Angle Preview junto al valor y, luego, presiona Mayúsculas, haz clic o desliza el mouse sobre la superposición de reloj de ángulo. |
Combinaciones de teclas del panel Fuentes
| Acción | Mac | Windows / Linux |
|---|---|---|
| Detener la ejecución de la secuencia de comandos (si se está ejecutando) o reanudarla (si está pausada) | F8 o Comando + \ | F8 o Control + \ |
| Cómo saltar a la siguiente llamada a función | F10 o Comando + ' | F10 o Control + ' |
| Cómo ingresar a la siguiente llamada a función | F11 o Comando + ; | F11 o Control + ; |
| Salir de la función actual | Mayúsculas + F11 o Comando + Mayúsculas + ; | Mayúsculas + F11 o Control + Mayúsculas + ; |
| Cómo continuar en una línea de código específica mientras está en pausa | Mantén presionada la tecla Comando 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 debajo o encima del marco seleccionado actualmente. | Control+. / Control+, | Control+. / Control+, |
| Guardar cambios en las modificaciones locales | Comando+S | Control + S |
| Guardar todos los cambios | Comando+Opción+S | Control+Alt+S |
| Ir a la línea | Control + G | Control + G |
| Ir a un número de línea del archivo que está abierto | Presiona Comando + 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. |
| Ir a una columna del archivo abierto actualmente (por ejemplo, línea 5, columna 9) | Presiona Comando+O para abrir el menú de comandos, escribe :, luego, el número de línea, otro :, 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, otro :, el número de columna y, luego, presiona Intro. |
| Ir 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 Comando+Mayúsculas+O y, luego, escribe el nombre de la declaración o el conjunto de reglas, o bien selecciónalo de la lista de opciones. | Presiona Control+Mayúsculas+O y, luego, escribe el nombre de la declaración o el conjunto de reglas, o bien selecciónalo de la lista de opciones. |
| Cómo cerrar la pestaña activa | Opción + W | Alt+W |
| Cómo abrir la pestaña siguiente o anterior | Función+Comando+Arriba o Abajo | Control + Re Pág o Av Pág |
| Oculta o muestra la barra lateral Navigation a la izquierda. | Comando+Mayúsculas+Y | Control+Mayúsculas+Y |
| Activa o desactiva la barra lateral Debugger a la derecha. | Comando+Mayúsculas+H | Control + Mayúsculas + 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 | Opción + Suprimir | Control + Suprimir |
| Agrega o quita un punto de interrupción de línea de código | Coloca el cursor en la línea y, luego, presiona Comando + B. | Coloca 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. | Coloca el cursor en la línea y, luego, presiona Comando+Alt+B. | Coloca el cursor en la línea y, luego, presiona Control+Alt+B. |
| Abre el diálogo punto de interrupción condicional. | Comando + clic en un número de línea | Control + clic en un número de línea |
| Abre el diálogo logpoint. | Comando + Mayúsculas + clic en un número de línea | Control + Mayúsculas + clic en un número de línea |
| Ir al corchete coincidente | Control+M | Control+M |
| Activa o desactiva el comentario de una sola línea. Si se seleccionan varias líneas, DevTools agrega un comentario al principio de cada línea. | Comando+/ | Control + / |
| Selecciona o anula la selección de la siguiente aparición de la palabra en la que se encuentra el cursor. Cada ocurrencia se destaca de forma simultánea. | Comando + D / Comando + U | Control + D / Control + U |
Combinaciones de teclas del panel de red
| Acción | Mac | Windows / Linux |
|---|---|---|
| Encabezados, cargas útiles y respuestas de búsqueda | Comando + F | Control + F |
| Iniciar o detener la grabación | Comando+E | Control + E |
| Cómo grabar una recarga | Comando + R | Control + R |
| Cómo volver a reproducir una solicitud XHR seleccionada | R | R |
| Cómo ocultar los detalles de una solicitud seleccionada | Escape | Escape |
Combinaciones de teclas del panel de rendimiento
| Acción | Mac | Windows / Linux |
|---|---|---|
| Iniciar o detener la grabación | Comando+E | Control + E |
| Guardar grabación | Comando+S | Control + S |
| Cargar grabación | Comando+O | Control + O |
Combinaciones de teclas del panel de memoria
| Acción | Mac | Windows / Linux |
|---|---|---|
| Iniciar o detener la grabación | Comando+E | Control + E |
Combinaciones de teclas del panel de la consola
| Acción | Mac | Windows / Linux |
|---|---|---|
| Aceptar sugerencias de autocompletar | Flecha hacia la derecha o Tab | Flecha hacia la derecha o Tab |
| Cómo rechazar una sugerencia de autocompletar | Escape | Escape |
| Cómo navegar por la lista de autocompletar hacia arriba o hacia abajo | Arriba / Abajo o Control + P / N | Arriba / Abajo o Control + P / N |
| Cómo obtener el estado de cuenta anterior | Flecha hacia arriba | Flecha hacia arriba |
| Cómo obtener la siguiente sentencia | Flecha hacia abajo | Flecha hacia abajo |
| Enfocar Console | Control + ` | Control + ` |
| Cómo borrar la consola | Comando + K o Opción + L | Control + L |
| Fuerza una entrada de varias líneas. Ten en cuenta que DevTools debería detectar situaciones de varias líneas de forma predeterminada, por lo que este atajo ya no suele ser necesario. | Mayúsculas + Intro | Mayúsculas + Intro |
| Ejecutar | Volver | Intro |
| Expande todas las subpropiedades de un objeto que se registró en la consola | Mantener presionada la tecla Alt y, luego, hacer clic en Expandir > | Mantener presionada la tecla Alt y, luego, hacer clic en Expandir > |
Combinaciones de teclas de la pestaña Búsqueda
| Acción | Mac | Windows / Linux |
|---|---|---|
| Expandir o contraer todos los resultados de la búsqueda | Comando+Opción+{ o } | Control+Mayúsculas+{ o } |
Combinaciones de teclas del panel de la grabadora
| Acción | Mac | Windows / Linux |
|---|---|---|
| Iniciar o detener la grabación | Comando+E | Control + E |
| Cómo volver a reproducir la grabación | Comando + Intro | Control + Intro |
| Cómo copiar la grabación o el paso seleccionado | Comando+C | Control + C |
| Activar o desactivar la vista de código | Comando + B | Control + B |
Combinaciones de teclas del panel Capas
| Acción | Mac | Windows / Linux |
|---|---|---|
| Mover 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 desplazamiento lateral | 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 | Mayúsculas++ o rueda del mouse hacia arriba | Mayúsculas++ o rueda del mouse hacia arriba |
| Cómo alejar el diagrama | Mayúsculas + - o rueda del mouse hacia abajo | Mayúsculas + - o rueda del mouse hacia abajo |