Shortcuts del editor de código Devtools Chrome

Teclas de método abreviado (shortcuts) que se usan en el Editor de código del Developer Tools de Chrome. Puede encontrar estas y otras en la página Chrome Devtools shorcuts así como en la configuración (Settings) de la herramienta, a la que se puede acceder con F1.

Pulse en el nombre del grupo para desplegarlo
Acciones de edición genéricas. Muchas ya las conocemos pues funcionan en cualquier edición de documentos en Windows/Linux, otras son específicas del editor.
Ctrl+R

Shortcut Ctrl+R Vuelve a cargar la página (también con F5). Si hacemos un cambio en algún archivo del Workspace haremos Ctrl+S seguido de Ctrl+R para guardar y recargar la página.

Ctrl+Shift+R

Shortcut Ctrl+Shift+R Vuelve a cargar la página (también con Ctrl+F5) pero ignorando contenidos en cache. Esto no hace falta usarlo si hemos marcado la configuración desactiva cache con Developer Tools abierto, como se observa en la imagen.

Ctrl+S

Shortcut Ctrl+S Tras un cambio en el archivo del Workspace agrega un asterisco junto al nombre. Con esta combinación de teclas podemos guardar los cambios.

Ctrl+Z

Deshace un cambio realizado en el texto.

Ctrl+Y

Rehace un cambio en el texto que se deshizo previamente.

Shift+← o →

Shortcut Shift+flecha horizontal Selecciona caracteres horizontalmente hacia la derecha o izquierda según tecla de flecha.

Ctrl+Shift+← o →

Shortcut Ctrl+Shift+flecha horizontal Selecciona palabras horizontalmente hacia la derecha o izquierda según tecla de flecha.

Shift+↑ o ↓

Shortcut Shift+flecha vertical Selecciona líneas verticalmente arriba o abajo según tecla de flecha.

Ctrl+Shift+↑ o ↓

Shortcut Ctrl+Shift+flecha vertical Selecciona líneas verticalmente arriba o abajo hasta el inicio o fin de archivo según tecla de flecha.

Ctrl+← o →

Las flechas mueven el cursor horizontalmente por caracteres o líneas. Pero con Ctrl moverá el cursor de texto horizontalmente por palabras, situándolo al final de cada palabra si la flecha es derecha o al inicio si la flecha es izquierda. De esta forma nos movemos más rápido entre palabras.

Inicio y Fin

Mueve el cursor al inicio o fin de línea. En el caso de inicio la primera pulsación ubica el cursor en el primer caracter distinto de espacio, mientras que la siguiente pulsación lo ubica al inicio propio de la línea.

Shift+↑ o ↓ o Ctrl+Inicio o Fin

Mueve el cursor de texto al inicio (flecha arriba o tecla "Inicio") o final del archivo (flecha abajo o tecla "Fin").

Ctrl+Retroceso

La tecla Retroceso elimina un caracter a la izquierda, pero con Ctrl la eliminación se hace por palabras. Si estamos a mitad de palabra elimina los caracteres hasta el inicio de la palabra.

Ctrl+Supr

La tecla Supr elimina un caracter a la dereha pero con Ctrl la eliminación se hace por palabras. Si estamos a mitad de palabra elimina los caracteres hasta el final de la palabra.

Shift+Enter

La tecla Enter inserta un salto conservando la misma tabulación. Con Shift el salto no conserva la tabulación.

Acciones para personalizar el tamaño de letra y la presentación del editor.
Ctrl++

Shortcut Ctrl++ Amplia el tamaño del texto del código fuente.

Ctrl+-

Shortcut Ctrl+- Reduce el tamaño del texto del código fuente.

Ctrl+0

Shortcut Ctrl++ Repone el tamaño del texto del código fuente a su valor inicial (el caracter final es un cero, no la letra "O").

Alt+W

Shortcut Ctrl+G Cierra la pestaña activa, igual que si usamos el botón de cerrar pestaña con el ratón.

Acciones para buscar y reemplazar texto, buscar archivos, funciones, etc.
Ctrl+G

Shortcut Ctrl+G Ventana emergente con una cuadro de texto que nos permite ir a una línea de código.

Ctrl+Shift+O

Shortcut Ctrl+Shift+A Ventana emergente con una lista de todas las funciones de JavaScript. A medida que escribimos en el cuadro de texto nos va buscando. En la parte derecha (la imagen aparece cortada para ahorrar espacio) están los números de línea. Al hacer click sobre una función nos llevará a esa línea de código.

Ctrl+F

Shortcut Ctrl+f Busca texto en la pestaña, pudiendo usar también expresiones regulares. En la imagen se observa que también podemos reemplazar las búsquedas con otra cadena.

Ctrl+Shift+F

Shortcut Ctrl+Shift+f Abre la pestaña Search (Búsqueda) que está con las pestañas de la consola, emulación y renderizado. En este caso la búsqueda es en todos los archivos del Workspace. Antes de empezar la primera búsqueda realiza un indexado de términos de todos los archivos, lo que puede llevar mucho tiempo si tenemos una gran cantidad de ellos en el Workspace.

Ctrl+O

Shortcut Ctrl+O Ventana emergente con una cuadro de texto y una lista de todos los archivos fuentes del Workspace. Al seleccionar uno se abrirá en el editor en una nueva pestaña. Nota: También Ctrl+P ejecuta lo mismo.

Acciones para evaluar y depurar JavaScript.
Ctrl+Shift+A

Shortcut Ctrl+Shift+A El panel de depuración esta en la parte derecha del panel de edición y se puede mostrar y ocultar. Una de sus utilidades es Watch Expressions que podemos traducir como Evaluar Expresiones. Podemos agregar manualmente cualquier expresión para que sea evaluada, algo simple como una operación mátemática, booleana o incluso variables, objetos y funciones. En la captura de pantalla el comando Ctrl+Shift+A agrega la expresión Date() que devuelve la fecha del sistema, evaluándose y devolviendo esa fecha.

Ctrl+B

Shortcut Ctrl+G Podemos poner un punto de interrupción para depuración e inspeccionar variables haciendo click con el ratón en el número de línea y, de igual forma, con esta combinación de teclas.

Ctrl+Shift+E

Shortcut Ctrl+Shift+E Al seleccionar alguna variable o función que esté definida en ese momento se mostrará su contenido en la consola. Las variables internas a una función no estarán definidas cuando la página no está en ejecución. La forma de ver el estado de las variables es poniendo un punto de parada en el código, pero esto hay que hacerlo en el archivo vista que es el que realmente se está ejecutando, no en el archivo fuente.