Czy można ustawić skróty klawiaturowe na stronie internetowej?

Nie skróty systemowe lub aplikacyjne, ale skróty klawiaturowe używane specjalnie na określonej stronie internetowej.

Na przykład skróty Gmaila.

Przykład:

Naciśnij Alt+, fgdy na Facebooku zmieni kanał z „Najważniejszych historii” na „Najnowsze” i odwrotnie.

I pozwolić użytkownikowi samodzielnie ustawić te skróty? Być może rozszerzenie chrom?

Rozszerzenie Menedżer skrótów pozwala tworzyć niestandardowe skróty klawiaturowe, ale wykonywanie wewnętrznych czynności na stronie wymaga niewielkiej wiedzy na temat JavaScript lub przynajmniej selektorów jQuery .

Oficjalny opis

Dostosuj klawisze skrótów; Przypisz dowolny kod JavaScript lub działania przeglądarki do dowolnego naciśnięcia klawisza.

Możesz zmienić domyślne klawisze skrótów przeglądarki i przypisać dowolne bookmarklety lub działanie Javascript do klawiszy skrótu. Działa jako Keyconfig w Firefox.

Przykładowe działania:

• Karty: „Lewa karta”, „Górny katalog”, „Zamknij prawe karty”, „Otwórz ulubioną stronę”, ...
• Strona: „Przewiń w górę / w dół”, „Wstaw swój podpis”, ...
• Specjalne: „Screen Capture”
• Niestandardowe: wykonaj dowolne kody zakładek lub JavaScript!

Możesz także zaimportować lub wyeksportować ustawienia, aby udostępnić je innym osobom.

Instalacja

1. Odwiedź Menedżera skrótów .
2. Kliknij Dodaj do Chrome .
3. Kliknij Dodaj .

Przykład

Nie mam konta na Facebooku, więc otwórzmy skrzynkę odbiorczą Super User za pomocą skrótu klawiaturowego.

1. Kliknij ikonę Menedżera skrótów po prawej stronie omniboksu.

2. Kliknij Zobacz wszystkie ustawienia / Dodaj nowe skróty .

3. Kliknij pole wprowadzania Klawisz skrótu i naciśnij żądaną kombinację klawiszy.

   Może to być pojedynczy skrót wielu kluczy (na przykład Ctrl+ Shift+ Ii Alt+ I) lub sekwencję klawiszy (na przykład I, N, B, O, X).

4. Wybierz odpowiednie wzorce adresów URL .

   Aby dopasować wszystkie strony domeny superuser.comi jej poddomen, użyj:

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

5. W akcji wybierz opcję Wykonaj Javascript i wprowadź

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

   w (1) .

6. Wpisz Otwórz skrzynkę odbiorczą w Opis .

7. Możemy użyć .click()metody JavaScript do symulacji kliknięć myszą dowolnego elementu strony internetowej. Trudną częścią jest dostęp do tych przedmiotów. Tutaj przydają się selektory jQuery.

   Zwykle, aby uzyskać dostęp do skrzynki odbiorczej, należy kliknąć menu rozwijane StackExchange , a następnie skrzynkę odbiorczą . Potrzebujemy odpowiednich selektorów dla obu.

   • Kliknij prawym przyciskiem myszy menu rozwijane StackExchange, a następnie kliknij polecenie Sprawdź element .

     W narzędziach dla programistów zobaczysz następujące informacje:

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

     <a>Tag podkreślono; jest to element, w którym chcemy symulować kliknięcie.

     Klasa elementu jest prawdziwa . Możemy po prostu użyć selektora .genu, ale nie działałoby to poprawnie, gdyby było wiele elementów tej samej klasy. Bardziej niezawodnym podejściem byłoby uzyskanie dostępu do niego jako węzła podrzędnego <div>z identyfikatorem portalLink (identyfikatory są unikalne) za pomocą selektora #portalLink a.genu. Następnie używamy .click()metody.

     Wprowadzenie dowolnego z poniższych wierszy w (2) wykona zadanie:

     // 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();});
     

   • W menu rozwijanym StackExchange kliknij prawym przyciskiem myszy skrzynkę odbiorczą i wybierz polecenie Sprawdź element .

     W narzędziach dla programistów zobaczysz następujące informacje:

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

     Ten element ma swój własny identyfikator: seTabInbox .

     Wprowadzenie dowolnego z poniższych wierszy w (2) wykona zadanie:

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

8. Kliknij Zapisz i załaduj ponownie wszystkie otwarte strony superużytkowników. Twój skrót jest gotowy do użycia.

Przeczytaj to ( Link ), nie jest to bardzo trudne, chociaż musisz otworzyć przeglądarkę-