È possibile impostare le scorciatoie da tastiera su una pagina Web?

Non scorciatoie di sistema o dell'applicazione, ma scorciatoie da tastiera utilizzate specificamente su una determinata pagina Web.

Scorciatoie di Gmail per esempio.

Esempio:

Premi Alt+ fmentre su Facebook cambierà il feed da "Le migliori storie" a "Più recenti" e viceversa.

E consentire all'utente di impostare autonomamente queste scorciatoie? Forse un'estensione di Chrome?

L'estensione Shortcut Manager ti consente di creare scorciatoie da tastiera personalizzate, ma eseguire azioni all'interno della pagina richiede una piccola conoscenza di JavaScript o almeno dei selettori jQuery .

Descrizione ufficiale

Personalizza i tasti di scelta rapida; Assegna qualsiasi codice Javascript o azioni del browser a qualsiasi pressione dei tasti.

È possibile modificare i tasti di scelta rapida predefiniti del browser e assegnare eventuali bookmarklet o azioni Javascript ai tasti di scelta rapida. Funziona come Keyconfig su Firefox.

Esempi di azioni:

• Schede: "Scheda sinistra", "Directory superiore", "Chiudi schede destra", "Apri la tua pagina preferita", ...
• Pagina: "Scorri su / giù", "Inserisci la tua firma", ...
• Speciale: "Cattura schermo"
• Personalizzato: esegui qualsiasi bookmarklet o codice Javascript!

Puoi anche importare o esportare le tue impostazioni in modo da poterle condividere con altri.

Installazione

1. Visita Gestione scorciatoie .
2. Fai clic su Aggiungi a Chrome .
3. Clicca Aggiungi .

Esempio

Non ho un account Facebook, quindi apriamo la posta in arrivo di Super User usando una scorciatoia da tastiera.

1. Fai clic sull'icona Gestione scorciatoie a destra della omnibox.

2. Fai clic su Visualizza tutte le impostazioni / Aggiungi nuove scorciatoie .

3. Fare clic sul campo di immissione Tasto di scelta rapida e premere la combinazione di tasti desiderata.

   Questo può essere un singolo collegamento più tasti (ad esempio, Ctrl+ Shift+ Io Alt+ I) o una sequenza di tasti (ad esempio, I, N, B, O, X).

4. Scegli i pattern URL appropriati .

   Per abbinare tutte le pagine del dominio superuser.come i suoi sottodomini, utilizzare:

   *://superuser.com/*
   *://*.superuser.com/*
   

5. In Azione , seleziona Esegui Javascript e inserisci

   http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
   

   in (1) .

6. Immettere Apri posta in arrivo in Descrizione .

7. Possiamo usare il .click()metodo JavaScript per simulare i clic del mouse su qualsiasi elemento di una pagina Web. La parte difficile sta accedendo a quegli oggetti. È qui che i selettori jQuery sono utili.

   Normalmente, per accedere alla tua casella di posta, fai clic sul menu a discesa StackExchange , quindi sulla casella di posta . Abbiamo bisogno di selettori appropriati per entrambi.

   • Fare clic con il tasto destro del mouse sul menu a discesa StackExchange e fare clic su Ispeziona elemento .

     Vedrai quanto segue negli strumenti di sviluppo:

     <div id="header">
         <div id="portalLink">
             <a class="genu" onclick="StackExchange.ready(function(){genuwine.click();});return false;">Stack Exchange</a>
             </div>
             ...
     </div>
     

     Il <a>tag è evidenziato; questo è l'elemento in cui vogliamo simulare il clic.

     La classe dell'elemento è genu . Potremmo semplicemente usare il selettore .genu, ma non funzionerebbe correttamente se ci fossero più elementi della stessa classe. Un approccio più affidabile sarebbe quello di accedervi come nodo figlio <div>con ID portalLink (gli ID sono univoci), usando il selettore #portalLink a.genu. Quindi, usiamo il .click()metodo.

     Immettere una delle seguenti righe in (2) farà il lavoro:

     // click first <a> element with class `genu'
     // inside the element with ID `portalLink'
     $('#portalLink a.genu')[0].click();
     
     // click first <a> element with class `genu'
     // inside the element with ID `header'
     $('#header a.genu')[0].click();
     
     // click first element with class `genu' of the entire page
     $('.genu')[0].click();
     
     // click first <a> element of the entire page (unreliable)
     $('a')[0].click();
     
     // directly perform the onclick event (easy, but not always available)
     StackExchange.ready(function(){genuwine.click();});
     

   • Nel menu a discesa StackExchange , fai clic con il pulsante destro del mouse su Posta in arrivo e fai clic su Controlla elemento .

     Vedrai quanto segue negli strumenti di sviluppo:

     <a id="seTabInbox" class="seCurrent">Inbox</a>
     

     Questo elemento ha il suo ID: seTabInbox .

     Immettere una delle seguenti righe in (2) farà il lavoro:

     // click first (only) element with ID `seTabInbox'
     $('#seTabInbox')[0].click();
     
     // click sixth <a> element of the entire page (unreliable)
     $('a')[5].click();
     

8. Fai clic su Salva e ricarica tutte le pagine Super User aperte. La scorciatoia è pronta per l'uso.

Dai una lettura ( Link ), non è molto difficile anche se devi aprire il browser-