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


7

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?


Czy masz na myśli skróty klawiaturowe tylko dla konkretnej strony internetowej, na przykład dodawanie makr do robienia rzeczy w oknie Gmaila? A może chcesz skróty, które prowadzą do (na przykład) Gmaila po naciśnięciu dowolnego klawisza w dowolnym miejscu w Chrome?
Marcus Chan

@MarcusChan Pierwszy. Na przykład naciśnięcie przycisku altDna Facebooku spowoduje automatyczne usunięcie wszystkich nowych powiadomień. I niech użytkownik sam ustawi te skróty.
juil

Jeśli zredagujesz swoje pytanie, aby bardziej szczegółowo określić, co chcesz zrobić, możemy złożyć wniosek o jego zamknięcie.
Marcus Chan,

@marcus Więc zredagowałem pytanie i myślę, że jest całkiem jasne, kiedy mówię o skrótach Gmaila, co do tego, o czym mówię.
lipiec

Możesz napisać własny skrypt użytkownika. Mogę zachęcić cię do korzystania z przykładu na Facebooku, ale ponieważ nie mam konta na Facebooku, muszę zapytać: co zwykle robisz, aby usunąć wszystkie powiadomienia?
Dennis

Odpowiedzi:


7

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.


1
Adres URL daje 404
Kev

1
Dla Menedżera skrótów, to znaczy
Kev

-1

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


2
Jak powiedziałem w moim pytaniu. Mówię o skrótach klawiaturowych na stronie internetowej, a nie na stronie internetowej.
juil
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.