Métodos abreviados de teclado de Microsoft Edge DevTools

12/17/2020
Tiempo de lectura: 9 minutos

Este artículo es una referencia de los métodos abreviados de teclado en Microsoft Edge DevTools.

También puede encontrar métodos abreviados en la información sobre herramientas. Pase el puntero sobre un elemento de la interfaz de usuario de DevTools para mostrar la información sobre herramientas. Si el elemento tiene un acceso directo, la información sobre herramientas lo incluye.

Métodos abreviados de teclado para abrir DevTools

Para abrir DevTools, seleccione los siguientes métodos abreviados de teclado mientras el cursor se centra en la ventanilla del explorador.

Acción	Windows /Linux	macOS
Abrir el panel que usó en último lugar	`F12` ni `Control`+`Shift`+`I`	`Command`+`Option`+`I`
Abrir el panel de consola	`Control`+`Shift`+`J`	`Command`+`Option`+`J`
Abrir el panel elementos	`Control`+`Shift`+`C`	`Command`+`Shift`+`C` ni `Command`+`Option`+`C`

Métodos abreviados de teclado globales

Los siguientes métodos abreviados de teclado están disponibles en la mayoría de los paneles DevTools.

Acción	Windows /Linux	macOS
Mostrar configuración	`?` o `F1`	`?` ni `Function`+`F1`
Centrar el panel siguiente	`Control`+`]`	`Command`+`]`
Centrarse en el panel anterior	`Control`+`[`	`Command`+`[`
Vuelva a la posición de acoplamiento que usó por última vez. Si DevTools se encontraba en la posición predeterminada para toda la sesión, este método abreviado se desacopla DevTools en una ventana independiente.	`Control`+`Shift`+`D`	`Command`+`Shift`+`D`
Activar o desactivar emulación de dispositivo	`Control`+`Shift`+`M`	`Command`+`Shift`+`M`
Alternar inspeccionar modo de elemento	`Control`+`Shift`+`C`	`Command`+`Shift`+`C`
Abrir el menú de comandos	`Control`+`Shift`+`P`	`Command`+`Shift`+`P`
Activar o desactivar el cajón	`Escape`	`Escape`
Recarga normal	`F5` ni `Control`+`R`	`Command`+`R`
Recarga de disco	`Control`+`F5` ni `Control`+`Shift`+`R`	`Command`+`Shift`+`R`
Buscar texto en el panel actual. No es compatible con los paneles Auditoría, aplicacióny seguridad	`Control`+`F`	`Command`+`F`
Abre la pestaña Buscar en el cajón, que le permite buscar texto en todos los recursos cargados.	`Control`+`Shift`+`F`	`Command`+`Option`+`F`
Abrir un archivo en el panel orígenes	`Control`+`O` ni `Control`+`P`	`Command`+`O` ni `Command`+`P`
Acercar	`Control`+`Shift`+`+`	`Command`+`Shift`+`+`
Alejar	`Control`+`-`	`Command`+`-`
Restaurar el nivel de zoom predeterminado	`Control`+`0`	`Command`+`0`
Ejecutar fragmento de código	Seleccione `Control` + `O` para abrir el menú de comandos, escriba `!` seguido por el nombre del script y, a continuación, seleccione `Enter`	Seleccione `Command` + `O` para abrir el menú de comandos, escriba `!` seguido por el nombre del script y, a continuación, seleccione `Enter`

Métodos abreviados de teclado del panel elementos

Acción	Windows /Linux	macOS
Deshacer el cambio	`Control`+`Z`	`Command`+`Z`
Rehacer cambiar	`Control`+`Y`	`Command`+`Shift`+`Z`
Seleccionar el elemento por encima o por debajo del elemento seleccionado	`Up Arrow` / `Down Arrow`	`Up Arrow` / `Down Arrow`
Expandir el nodo seleccionado actualmente. Si el nodo ya está expandido, este método abreviado de teclado selecciona el elemento situado debajo de él.	`Right Arrow`	`Right Arrow`
Contraer el nodo seleccionado actualmente. Si el nodo ya está contraído, este método abreviado de teclado selecciona el elemento situado encima de él.	`Left Arrow`	`Left Arrow`
Expandir o contraer el nodo seleccionado actualmente y todos los elementos secundarios	`Control` + `Alt` En espera y, a continuación, elija el icono de flecha junto al nombre del elemento.	`Option`En espera y, a continuación, elija el icono de flecha junto al nombre del elemento.
Activar o desactivar modificar el modo de atributos en el elemento seleccionado actualmente	`Enter`	`Enter`
Seleccionar el atributo siguiente o anterior después de especificar el modo Editar atributos	`Tab` / `Shift`+`Tab`	`Tab` / `Shift`+`Tab`
Ocultar el elemento seleccionado actualmente	`H`	`H`
Activar o desactivar Editar como modo html en el elemento seleccionado actualmente	`Function`+`F2`	`F2`

Métodos abreviados de teclado del panel estilos

Acción	Windows /Linux	macOS
Ir a la línea donde se declara un valor de propiedad	Espera `Control` y, después, seleccione el valor de la propiedad	Espera `Command` y, después, seleccione el valor de la propiedad
Recorrer las representaciones RBGA, HSLA y hexadecimales de un valor de color	Espera `Shift` y, a continuación, elija el cuadro vista previa de color junto al valor.	Espera `Shift` y, a continuación, elija el cuadro vista previa de color junto al valor.
Seleccionar el valor o la propiedad siguiente/anterior	Elija un nombre de propiedad o valor y, a continuación, seleccione `Tab` / `Shift`+`Tab`	Elija un nombre de propiedad o valor y, a continuación, seleccione `Tab` / `Shift`+`Tab`
Aumentar o disminuir el valor de una propiedad por 0,1	Elija un valor y, a continuación, seleccione `Alt`+`Up Arrow` / `Alt`+`Down Arrow`	Elija un valor y, a continuación, seleccione `Option` + `Up Arrow` /opción + flecha abajo
Aumentar o disminuir un valor de propiedad en 1	Elija un valor y, a continuación, seleccione `Up Arrow` / `Down Arrow`	Elija un valor y, a continuación, seleccione `Up Arrow` / `Down Arrow`
Aumentar o disminuir el valor de una propiedad en 10	Elija un valor y, a continuación, seleccione `Shift`+`Up Arrow` / `Shift`+`Down Arrow`	Elija un valor y, a continuación, seleccione `Shift`+`Up Arrow` / `Shift`+`Down Arrow`
Aumentar o disminuir el valor de una propiedad por 100	Elija un valor y, a continuación, seleccione `Control`+`Up Arrow` / `Control`+`Down Arrow`	Elija un valor y, a continuación, seleccione `Command`+`Up Arrow` / `Command`+`Down Arrow`

Métodos abreviados de teclado del panel orígenes

Acción	Windows /Linux	macOS
PAUSE script Runtime \ (si se está ejecutando ) o resume \ (si está en pausa )	`F8` ni `Control`+`\`	`F8` ni `Command`+`\`
Paso a paso por la siguiente llamada de función	`F10` ni `Control`+`'`	`F10` ni `Command`+`'`
Ir a la siguiente llamada de función	`F11` ni `Control`+`;`	`F11` ni `Command`+`;`
Salir de la función actual	`Shift`+`F11` ni `Control`+`Shift`+`;`	`Shift`+`F11` ni `Command`+`Shift`+`;`
Ir a una línea de código específica mientras está en pausa	Espera `Control` y, a continuación, elige la línea de código	Espera `Command` y, a continuación, elige la línea de código
Seleccionar el marco de llamada debajo o encima del fotograma seleccionado actualmente	`Control`+`.` / `Control`+`,`	`Control`+`.` / `Control`+`,`
Guardar los cambios en las modificaciones locales	`Control`+`S`	`Command`+`S`
Guardar todos los cambios	`Control`+`Alt`+`S`	`Command`+`Option`+`S`
Ir a la línea	`Control`+`G`	`Control`+`G`
Ir a un número de línea del archivo abierto actualmente	Seleccione `Control` + `O` para abrir el menú de comandos, escriba `:` seguido por el número de línea y, a continuación, seleccione `Enter`	Seleccione `Command` + `O` para abrir el menú de comandos, escriba `:` seguido por el número de línea y, a continuación, seleccione `Enter`
Ir a una columna del archivo abierto actualmente \ (por ejemplo, línea 5, columna 9 )	Seleccione `Control` + `O` para abrir el menú de comandos, escriba `:` , luego el número de línea y, a continuación `:` , el número de columna y, después, seleccione `Enter`	Seleccione `Command` + `O` para abrir el menú de comandos, escriba `:` , luego el número de línea y, a continuación `:` , el número de columna y, después, seleccione `Enter`
Ir a una declaración de función si el archivo actual es HTML o un script. Ir a un conjunto de reglas si el archivo actual es una hoja de estilos.	Seleccione `Control` + `Shift` + `O` y, a continuación, escriba el nombre del conjunto de reglas o la declaración, o selecciónelo en la lista de opciones.	Seleccione `Command` + `Shift` + `O` y, a continuación, escriba el nombre del conjunto de reglas o la declaración, o selecciónelo en la lista de opciones.
Cerrar la pestaña activa	`Alt`+`W`	`Option`+`W`

Métodos abreviados de teclado del editor de código

Acción	Windows /Linux	macOS
Eliminar todos los caracteres de la última palabra, hasta el cursor	`Control`+`Delete`	`Option`+`Delete`
Agregar o quitar un punto de interrupción de línea de código	Centre el cursor en la línea y, a continuación, seleccione `Control`+`B`	Centre el cursor en la línea y, a continuación, seleccione `Command`+`B`
Ir al corchete coincidente	`Control`+`M`	`Control`+`M`
Activar o desactivar los comentarios de una sola línea. Si se seleccionan varias líneas, DevTools agregar un comentario al principio de cada línea	`Control`+`/`	`Command`+`/`
Seleccione/anular la selección de la siguiente aparición de cualquier palabra en la que se encuentra el cursor. Cada ocurrencia se resalta simultáneamente	`Control`+`D` / `Control`+`U`	`Command`+`D` / `Command`+`U`

Métodos abreviados de teclado del panel de rendimiento

Acción	Windows /Linux	macOS
Iniciar o detener grabación	`Control`+`E`	`Command`+`E`
Guardar grabación	`Control`+`S`	`Command`+`S`
Cargar grabación	`Control`+`O`	`Command`+`O`

Métodos abreviados de teclado del panel memoria

Acción	Windows /Linux	macOS
Iniciar o detener grabación	`Control`+`E`	`Command`+`E`

Métodos abreviados de teclado del panel de consola

Acción	Windows /Linux	macOS
Aceptar sugerencia de autocompletar	`Right Arrow` o `Tab`	`Right Arrow` o `Tab`
Rechazar sugerencia de autocompletar	`Escape`	`Escape`
Obtener la instrucción anterior	`Up Arrow`	`Up Arrow`
Instrucción GET NEXT	`Down Arrow`	`Down Arrow`
Centrar la consola	`Control`+ `	`Control`+`
Borrar la consola	`Control`+`L`	`Command`+`K` ni `Option`+`L`
Forzar una entrada con varias líneas. Este acceso directo es principalmente innecesario porque DevTools debería detectar escenarios de varias líneas de forma predeterminada	`Shift`+`Enter`	`Command`+`Return`
Ejecutar	`Enter`	`Return`
Expandir todas las subpropiedades de un objeto que se han registrado en la consola	Espera `Alt` y, a continuación, elija expandir \ ( )	Espera `Alt` y, a continuación, elija expandir \ ( )

Contactar al equipo de Microsoft Edge DevTools

Use las siguientes opciones para discutir las nuevas características y cambios de la publicación, o cualquier otro tema relacionado con DevTools.

Envíe sus comentarios con el icono Enviar comentarios o seleccione Alt + Shift + I \ (Windows, Linux ) o Option + Shift + I \ (MacOS ) en DevTools.
Tweet a @EdgeDevTools.
Enviar una sugerencia a la webque queremos.
Para archivar errores sobre este artículo, use la siguiente sección de comentarios .

Nota

Algunas partes de esta página son modificaciones basadas en el trabajo creado y compartido por Google y se usan según los términos descritos en la Licencia internacional de Creative Commons Attribution 4.0.
La página original se encuentra aquí y está modificada por Kayce vascos \ (redactor técnico, Chrome DevTools \ & Lighthouse ).

Este trabajo dispone de licencia conforme a Licencia internacional de Creative Commons Attribution 4.0.