Ist es möglich, Tastaturkürzel auf einer Webseite festzulegen?

Keine System- oder Anwendungsverknüpfungen, sondern Tastaturverknüpfungen, die speziell auf einer bestimmten Webseite verwendet werden.

Google Mail-Verknüpfungen zum Beispiel.

Beispiel:

Drücken Sie Alt+, fwährend Sie auf Facebook sind, um den Feed von "Top Stories" in "Neueste" und umgekehrt zu ändern.

Und dem Benutzer erlauben, diese Verknüpfungen selbst festzulegen? Vielleicht eine Chromverlängerung?

Mit der Erweiterung Shortcut Manager können Sie benutzerdefinierte Tastaturkürzel erstellen. Für die Ausführung von Aktionen auf der Innenseite sind jedoch Kenntnisse in JavaScript oder mindestens jQuery Selectors erforderlich .

Offizielle Beschreibung

Fertigen Sie Abkürzungstasten besonders an; Weisen Sie jedem Tastendruck einen beliebigen Javascript-Code oder eine beliebige Browser-Aktion zu.

Sie können die Standard-Tastenkombinationen des Browsers ändern und Ihren Hotkeys Lesezeichen oder Javascript-Aktionen zuweisen. Es funktioniert als Keyconfig in Firefox.

Beispielaktionen:

• Registerkarten: "Linke Registerkarte", "Oberes Verzeichnis", "Rechte Registerkarte schließen", "Lieblingsseite öffnen", ...
• Seite: "Bildlauf nach oben / unten", "Unterschrift einfügen", ...
• Spezial: "Screen Capture"
• Benutzerdefiniert: Führe beliebige Bookmarklets oder Javascript-Codes aus!

Sie können Ihre Einstellungen auch importieren oder exportieren, um sie mit anderen zu teilen.

Installation

1. Besuchen Sie den Shortcut Manager .
2. Klicken Sie auf Zu Chrome hinzufügen .
3. Klicken Sie auf Hinzufügen .

Beispiel

Ich habe kein Facebook-Konto. Öffnen Sie den Posteingang für Superuser über eine Tastenkombination.

1. Klicken Sie rechts neben der Omnibox auf das Symbol Shortcut Manager .

2. Klicken Sie auf Alle Einstellungen anzeigen / Neue Verknüpfungen hinzufügen .

3. Klicken Sie in das Eingabefeld Kurztaste und drücken Sie die gewünschte Tastenkombination.

   Dies kann entweder eine einzelne Multi-Tastenkombination (zB sein Ctrl+ Shift+ Ioder Alt+ I) oder eine Folge von Tasten ( zum Beispiel I, N, B, O, X).

4. Wählen Sie geeignete URL-Muster .

   superuser.comVerwenden Sie Folgendes, um alle Seiten der Domain und ihrer Unterdomänen abzugleichen:

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

5. In Aktion , wählen Sie Ausführen Javascript und geben Sie

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

   in (1) .

6. Geben Sie Open inbox in Description ein .

7. Wir können die JavaScript- .click()Methode verwenden, um Mausklicks auf ein beliebiges Element einer Webseite zu simulieren. Der knifflige Teil ist der Zugriff auf diese Elemente. Hier bieten sich die jQuery-Selektoren an.

   Normalerweise für den Zugriff auf Ihren Posteingang, dann würden Sie auf die Schaltfläche Stack Drop - Down, dann Posteingang . Wir brauchen für beide geeignete Selektoren.

   • Rechtsklick auf das Stack Dropdown und klicken Sie auf Element untersuchen .

     In den Entwicklertools wird Folgendes angezeigt:

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

     Das <a>Tag wird hervorgehoben. Dies ist das Element, in dem der Klick simuliert werden soll.

     Die Klasse des Elements ist genu . Wir könnten einfach den Selektor verwenden .genu, aber das würde nicht richtig funktionieren, wenn es mehrere Elemente derselben Klasse gäbe. Ein zuverlässigerer Ansatz wäre es , über den Selektor als untergeordneter Knoten von <div>with ID portalLink darauf zuzugreifen (IDs sind eindeutig) #portalLink a.genu. Dann wenden wir die .click()Methode an.

     Die Eingabe einer der folgenden Zeilen in (2) erledigt die Aufgabe:

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

   • Im Stack Dropdown rechten Maustaste auf Posteingang , und klicken Sie Inspect Element .

     In den Entwicklertools wird Folgendes angezeigt:

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

     Dieses Element hat eine eigene ID: seTabInbox .

     Die Eingabe einer der folgenden Zeilen in (2) erledigt die Aufgabe:

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

8. Klicken Sie auf Speichern und laden Sie alle geöffneten Super User-Seiten neu. Ihre Verknüpfung ist einsatzbereit.

Lesen Sie dies durch ( Link ), es ist nicht sehr schwierig, obwohl Sie den Browser öffnen müssen.