Como adicionar atalhos de teclado a qualquer site

Por que atalhos

Se você percorre uma lista num site todo dia, como chamados, e-mails, resultados de busca, pedidos ou pull requests, o mouse é a parte lenta. Mirar, clicar, ler, voltar, rolar, mirar, clicar. Os atalhos de teclado transformam isso num ritmo: próximo, abrir, voltar, próximo. Sites como o Gmail e o GitHub têm J e K há anos porque funciona. A maioria dos outros sites não tem.

O jeito nativo

Veja se o site já tem atalhos. Muitos apps web os listam quando você aperta a tecla de interrogação, ou seja, Shift e a tecla da barra. Outros documentam numa página de ajuda ou ativam nas configurações.

O próprio Chrome tem atalhos para o navegador: Ctrl+L para a barra de endereço, Ctrl+Tab para a próxima aba, Espaço e Shift+Espaço para rolar a página. Eles não sabem nada sobre os itens de um site específico.

O jeito manual

Sem atalhos, o teclado ainda ajuda um pouco:

• Tab percorre links e botões da página, e Enter abre o que está em foco. Numa lista longa, são muitos toques por item.
• Ctrl+F e uma palavra do item que você quer, depois Esc e Enter, pula para um link pelo texto e o abre.
• Alt+Esquerda (Cmd+[ no Mac) volta.

Ajudam, mas não é a mesma coisa que andar item por item.

Deixe permanente com uma ferramenta

Um userscript pode adicionar atalhos de verdade a um site. É um trecho curto de JavaScript que roda no site que você escolher. Um userscript de atalhos escuta as teclas naquela página, sabe qual item da lista está selecionado, destaca esse item para você ver onde está, move a seleção com J e K e abre com O. O detalhe importante é ignorar as teclas enquanto você digita numa caixa de busca ou num campo de comentário, para que apertar J numa frase escreva um J em vez de pular.

O ScriptPanda é uma extensão do Chrome que escreve userscripts a partir de uma descrição. Abra o painel lateral dele na página com a lista, cole o pedido do fim deste guia, e ele cria os atalhos para a lista daquela página e os instala. Ele vê como a página é construída, então você descreve a lista com palavras comuns, e pode escolher as teclas que quiser.

Apertar teclas não chama IA, então usar os atalhos não gasta nenhuma solicitação do seu plano. Criá-los e alterá-los gastam.

Mais atalhos que as pessoas pedem:

• X para marcar a caixa de seleção do item selecionado, para ações em lote.
• E para arquivar, ou S para marcar com estrela, clicando no botão próprio daquele item.
• Interrogação para mostrar um pequeno painel com seus atalhos.
• G e depois H para ir à página inicial do site.

Como escolher as teclas

Escolha teclas que o site ainda não usa, e evite as que o navegador usa, como Ctrl+W ou Ctrl+T, que fecham e abrem abas antes de a página sequer vê-las. Letras sozinhas são o mais rápido, e são seguras desde que a ferramenta as ignore enquanto você digita.

Limites

Os atalhos funcionam no site para o qual foram criados, no Chrome do seu computador, e só enquanto a página está aberta. Eles agem sobre o que está na página, então ir para o próximo item não carrega outra página de resultados, a não ser que você peça isso. Alguns sites capturam as teclas por conta própria, o que pode conflitar com as suas. Se acontecer, escolha outras teclas. Se o site mudar o layout e a seleção parar de andar, abra o ScriptPanda na página, diga o que quebrou e peça para ele ajustar a ferramenta à página como ela está agora.