PowerPoint de Microsoft es una herramienta simple para convertir sus presentaciones en un video simple. Puede convertir sus imágenes en una presentación de diapositivas de video agregando texto y varios…
Métodos abreviados de teclado para las herramientas de desarrollo de Chrome
Google Chrome es popular debido a la interfaz amigable para desarrolladores. Incluso los usuarios normales pueden verificar la fuente de la página e inspeccionar los elementos en una página usando las herramientas para desarrolladores de Chrome. Hemos explicado sobre el uso de Chrome Developer Tools en nuestro artículo anterior. En este artículo, proporcionemos más de 60 métodos abreviados de teclado para las herramientas de desarrollo de Chrome para navegar y hacer las cosas más rápido.
Relacionado: Accesos directos de URL de comando de Microsoft Edge.
Abrir Chrome Developer Tools
Hay muchas formas de iniciar las herramientas de desarrollo en Chrome.
En Chrome Windows
- Presione la tecla F12.
- Utilice las teclas de método abreviado de teclado «Control + Alt + I».
- Haga clic con el botón derecho en cualquier área y seleccione «Inspeccionar elemento».
- Vaya al menú del botón de tres puntos y navegue hasta «Más herramientas > Desarrollador». Herramientas”.
En Chrome Mac
- Presione las teclas de acceso directo “Opción + Comando + I”.
- Vaya al botón de menú de tres puntos y navegue hasta “Más herramientas > Herramientas para desarrolladores”.
- Haga haga clic en el menú “Ver” y vaya a «Desarrollador > Herramientas para desarrolladores».
- Haga clic derecho en el área de contenido del navegador y elija la opción «Inspeccionar elemento».
Acceder a los accesos directos de teclado para las herramientas de desarrollo
Recuerde que los accesos directos del navegador Google Chrome y los accesos directos de las herramientas para desarrolladores son diferentes. Debe tener cuidado al usar los accesos directos, ya que pueden cambiar la vista de las herramientas de desarrollo. Por ejemplo, al pulsar “Control y +” o “Comando y +” se bloqueará el zoom del navegador. Sin embargo, los mismos accesos directos cuando se usan dentro de las Herramientas para desarrolladores dañarán el zoom solo de la sección Herramientas para desarrolladores. Puede volver a presionar las teclas «Control y -» o «Comando y -» para reducir el nivel de zoom.
Después de iniciar el navegador Chrome, siga las instrucciones a continuación para acceder a la sección de accesos directos de la sección Herramientas para desarrolladores:
- Haga clic en el botón de tres puntos en la sección Herramientas para desarrolladores. Recuerde, este no es el menú de personalización en la parte superior derecha del navegador.
Chrome Developer Tools Shortcuts Menu
- Puede ver una lista de accesos directos útiles allí.
Developer Tools Shortcuts List
Accesos directos para las herramientas de desarrollo de Chrome en Windows y Mac
Aquí se encuentran los accesos directos completos para las Herramientas para desarrolladores de Chrome en Windows y Mac.
| Descripción | Acceso directo de Windows | Acceso directo de Mac | Panel |
|---|---|---|---|
| Ir a configuración | ? or F1 | ? or Fn + F1 | Todo |
| Ir al siguiente panel en right | Ctrl + ] | Cmd + ] | Todos |
| Ir al panel anterior a la izquierda | Ctrl + [ | Cmd + [ | Todos |
| Cambie las herramientas de desarrollador a la posición utilizada anteriormente. Si no ha cambiado la posición, moverá las herramientas de desarrollo a una ventana separada. | Ctrl + Mayús + D | Cmd + Mayús + D | Todos |
| Change device mode a móvil o escritorio | Ctrl + Mayús + M | Cmd + Mayús + M | Todos |
| Abrir herramientas de desarrollador con la pestaña Elementos (igual que hacer clic con el botón derecho y seleccionar Elemento de inspección) | Ctrl + Mayús + C | Cmd + Shift + C | Todos |
| Abrir símbolo del sistema dentro de las herramientas para desarrolladores | Ctrl + Shift + P | Cmd + Shift + P | Todos |
| Mostrar u ocultar cajón | Escape | Escape | Todos |
| Recargar página web | F5 or Ctrl + R | Cmd + R | Todos |
| Forzar recarga página web | Ctrl + F5 or Ctrl + Shift + R | Cmd + Shift + R | Todos |
| Buscar en el panel actual | Ctrl + F | Cmd + F | Todos |
| Buscar desde el cajón | Ctrl + Shift + F | Cmd + Opción + F | Todo |
| Seleccione y abra un archivo en el panel Fuentes | Ctrl + O or Ctrl + P | Cmd + O or Cmd + P | Todo |
| Ampliar | Ctrl + Shift + + | Cmd + Shift + + | Todo |
| Alejar | Ctrl + – | Cmd + – | Todo |
| Zoom predeterminado | Ctrl + 0 | Cmd + 0 | Todos |
| Deshacer última edición | Ctrl + Z | Cmd + Z | Elementos |
| Rehacer última edición it | Ctrl + Y | Cmd + Shift + Z | Elementos |
| Muévase hacia arriba o hacia abajo para seleccionar códigos y resaltar los elementos correspondientes en la página | Up Arrow / Down Arrow | Up Arrow / Down Arrow | Elementos |
| Expandir el nodo o vaya al primer elemento | Flec ha derecha | Flecha derecha | Elementos |
| Contraiga el nodo o vaya al nodo principal | Flecha izquierda | Flecha izquierda | Elementos |
| Mostrar u ocultar todos los nodos del nodo principal | Ctrl + Alt + Click Arrow Icon of Element | Opción + Hacer clic en el icono de flecha del elemento | Elementos |
| Editar el nodo seleccionado | Introducir | Introducir | Elementos |
| Ir al nodo anterior o siguiente en el modo de edición | Tab / Shift + Tab | Tab / Shift + Tab | Elementos |
| Ocultar el elemento actualmente seleccionado | H | H | Elementos |
| Editar el nodo seleccionado como HTML | F2 | Fn + F2 | Elementos |
| Ir al código fuente de la propiedad | Control + Hacer clic en la propiedad | Comando + Hacer clic en propiedad | Elementos > Estilos |
| Alternar valores RBGA, HSLA y hexadecimales | Shift + Click on color preview icon | Shift + Click on color preview icon | Elementos > Estilos |
| Ir a la siguiente propiedad o valor o crear una nueva línea | Haga clic en la propiedad + Tabulador | Haga clic en la propiedad + Tabulador | Elementos > Estilos |
| Ir a la propiedad o valor anterior o crear una nueva línea | Haga clic en la propiedad y Mayús + Tabulador | Haga clic en la propiedad y Mayúsculas + Tabulador | Elementos > Estilos |
| Aumente o disminuya el valor en 0,1 | Haga clic en un valor + Alt + Flecha arriba o abajo | Hacer clic en un valor + Opción + Flecha arriba o abajo | Elementos > Estilos |
| Aumentar o disminuir el valor en 0,1 | Hacer clic en un valor + Flecha arriba o abajo | Haga clic en un valor + Flecha arriba o abajo | ele mentos > Estilos |
| Aumente o disminuya el valor en 10 | Haga clic en un valor + Mayús + Flecha arriba o abajo | Haga clic en un valor + Mayús + Flecha arriba o abajo | Elementos > Estilos |
| Aumentar o disminuir el valor en 100 | Hacer clic en un valor + Ctrl + Flecha arriba o abajo | Hacer clic en un valor + Cmd + Arriba o abajo Flecha | Elementos > Estilos |
| Ejecutar o pausar secuencia de comandos | F8 or Ctrl + \ | F8 or Cmd + \ | Fuentes |
| Pasar a la siguiente llamada de función | F10 or Ctrl + ‘ | F10 or Cmd + ‘ | Fuentes |
| Pasar a la siguiente llamada de función | F11 or Ctrl + ; | F11 or Cmd + ; | Fuentes |
| Salir de la función actual | Shift + F11 or Ctrl + Shift + ; | Shift + F11 or Cmd + Shift + ; | Fuentes |
| Ejecutar código cuando está en pausa | Ctrl + Clic Línea de código | Cmd + clic Línea de código | Fuentes |
| Seleccione el cuadro de llamada arriba o abajo | Ctrl + . / Ctrl + , | Ctrl + . / Ctrl + , | Fuentes |
| Guardar cambios | Ctrl + S | Cmd + S | Fuentes |
| Guardar todos los cambios | Ctrl + Alt + S | Cmd + Opción + S | Fuentes |
| Abrir ir a la ventana emergente de línea | Ctrl + G | Ctrl + G | Fuentes |
| Ir al número de línea del archivo abierto actual | Ctrl + O, escriba: luego el número de línea y presione enter. | Cmd + O, escriba: luego el número de línea y presione enter. | Fuentes |
| Ir al archivo abierto actual Número de columna | Ctrl + O + : + Número de línea + Número de columna + Enter | Cmd + O + : + Número de línea + Número de columna + Entrar | Fuentes |
| Cerrar pestaña activa | Alt + W | Opción + W | Fuentes |
| Eliminar caracteres hasta la posición del cursor en el último palabra | Ctrl + Eliminar | Opción + Eliminar | Editor de código |
| Punto de interrupción del código de Google | Seleccione la línea + Ctrl + B | Seleccione la línea + Cmd + B | Editor de código |
| Buscar corchete de cierre | Ctrl + M | Ctrl + M | Editor de código |
| Agregar comentario | Ctrl + / | Cmd + / | Editor de código |
| Seleccione la palabra resaltada | C trl + D | Cmd + D | Editor de código |
| Anule la selección de la palabra resaltada | Ctrl + U | Cmd + U | Editor de código |
| Alternar grabación | Ctrl + E | Cmd + E | Rendimiento / Memoria |
| Guardar grabación | Ctrl + S | Cmd + S | Rendimiento |
| Cargar grabación | Ctrl + O | Cmd + O | Rendimiento |
| Aceptar Autocompletar | Right Arrow or Tab | Right Arrow or Tab | Consola |
| Rechazar Autocompletar | Escape | Escape | Consola |
| Declaración anterior | Flecha arriba | Flecha arriba | Consola |
| Siguiente declaración | Flecha abajo | Flecha abajo | Consola |
| Focus Console | Ctrl + ` | Ctrl + ` | Consola |
| Clear Console | Ctrl + L | Cmd + K or Option + L | Consola |
| Forzar entrada de varias líneas | Shift + Enter | Cmd + Retorno | Consola |
| Ejecutar | Intro | Retorno | Consola |
| Contraer objeto | Alt + Clic Expandir | Opción + Clic Expandir | Consola |
