Cómo añadir atajos de teclado a cualquier sitio web

Por qué atajos

Si cada día recorres una lista en una web, como incidencias, correos, resultados de búsqueda, pedidos o pull requests, el ratón es la parte lenta. Apuntar, hacer clic, leer, volver, desplazarse, apuntar, hacer clic. Los atajos de teclado lo convierten en un ritmo: siguiente, abrir, volver, siguiente. Sitios como Gmail y GitHub tienen J y K desde hace años porque funciona. La mayoría de los demás sitios no.

La forma integrada

Comprueba si el sitio ya tiene atajos. Muchas aplicaciones web los listan al pulsar la tecla de interrogación, es decir, Mayús y la tecla de la barra. Otras los documentan en una página de ayuda o los activan en la configuración.

El propio Chrome tiene atajos para el navegador: Ctrl+L para la barra de direcciones, Ctrl+Tab para la pestaña siguiente, Espacio y Mayús+Espacio para desplazar la página. No saben nada de los elementos de un sitio concreto.

La forma manual

Sin atajos, el teclado aún puede ayudar un poco:

• Tab recorre los enlaces y botones de la página, e Intro abre el que tiene el foco. En una lista larga, son muchas pulsaciones por elemento.
• Ctrl+F y una palabra del elemento que buscas, luego Esc e Intro, salta a un enlace por su texto y lo abre.
• Alt+Izquierda (Cmd+[ en Mac) vuelve atrás.

Ayudan, y no es lo mismo que moverse elemento a elemento.

Hazlo permanente con una herramienta

Un userscript puede añadir atajos de verdad a un sitio. Es un fragmento corto de JavaScript que se ejecuta en el sitio web que elijas. Un userscript de atajos escucha las teclas en esa página, lleva la cuenta de qué elemento de la lista está seleccionado, lo resalta para que veas dónde estás, mueve la selección con J y K y lo abre con O. El detalle importante es ignorar las teclas mientras escribes en un buscador o un campo de comentario, para que pulsar J en una frase escriba una J en lugar de saltar.

ScriptPanda es una extensión de Chrome que escribe userscripts a partir de una descripción. Abre su panel lateral en la página con la lista, pega la petición del final de esta guía, y crea los atajos para la lista de esa página y los instala. Puede ver cómo está construida la página, así que describes la lista con palabras normales, y puedes elegir las teclas que quieras.

Pulsar teclas no llama a la IA, así que usar los atajos no gasta ninguna de las solicitudes de tu plan. Crearlos y cambiarlos sí.

Más atajos que la gente pide:

• X para marcar la casilla del elemento seleccionado, para acciones en bloque.
• E para archivar o S para destacar, pulsando el botón propio de ese elemento.
• Interrogación para mostrar un pequeño panel con tus atajos.
• G y luego H para ir a la página de inicio del sitio.

Cómo elegir las teclas

Elige teclas que el sitio no use ya, y evita las que usa el navegador, como Ctrl+W o Ctrl+T, que cierran y abren pestañas antes de que la página llegue a verlas. Las letras sueltas son lo más rápido, y son seguras siempre que la herramienta las ignore mientras escribes.

Límites

Los atajos funcionan en el sitio para el que se crearon, en Chrome en tu ordenador, y solo mientras la página está abierta. Actúan sobre lo que hay en la página, así que pasar al elemento siguiente no carga otra página de resultados salvo que lo pidas. Algunos sitios capturan las teclas por su cuenta, lo que puede chocar con las tuyas. Si pasa, elige otras teclas. Si el sitio cambia su diseño y la selección deja de moverse, abre ScriptPanda en la página, di qué se ha roto y pídele que arregle la herramienta para la página tal como es ahora.