Можно ли установить сочетания клавиш на веб-странице?

Question

Не сочетания клавиш системы или приложений, а сочетания клавиш, используемые специально на определенной веб-странице.

Gmail ярлыки для примера.

Пример:

Нажмите Alt+f, пока на Facebook он изменит ленту новостей с «Самые популярные» на «Самые последние» и наоборот.

А разрешить пользователю самим устанавливать эти ярлыки? Возможно расширение хром?

Answer 1

Расширение Shortcut Manager позволяет создавать настраиваемые сочетания клавиш, но для выполнения внутренних действий на странице требуется немного знаний о JavaScript или, по крайней мере, jQuery Selector.

Официальное описание

Настроить сочетания клавиш; Назначьте любой код JavaScript или действия браузера для любых нажатий клавиш.

Вы можете изменить сочетания клавиш по умолчанию в браузере и назначить любые горячие клавиши букмарклетам или действиям Javascript. Это работает как Keyconfig на Firefox.

Пример действий:

• Вкладки: "Левая вкладка", "Верхний каталог", "Закрыть правые вкладки", "Открыть любимую страницу", ...
• Страница: «Прокрутка вверх / вниз», "Вставить свою подпись", ...
• Специальный: "Захват экрана"
• Пользовательский: Выполните любой Bookmarklets или код Javascript!

Вы также можете импортировать или экспортировать свои настройки, чтобы поделиться ими с другими.

Монтаж

1. Посетите Менеджер ярлыков.
2. Нажмите Добавить в Chrome.
3. Нажмите Добавить.

пример

У меня нет учетной записи в Facebook, поэтому давайте откроем папку «Входящие для суперпользователя» с помощью сочетания клавиш.

1. Щелкните значок диспетчера ярлыков справа от омнибокса.

2. Нажмите Просмотреть все настройки / Добавить новые ярлыки.

3. Нажмите на поле ввода Клавиша быстрого доступа и нажмите нужную комбинацию клавиш.

   Это может быть либо одноразовое сочетание клавиш (например, Ctrl + Shift + I или Alt + I), либо последовательность клавиш (например, I, N, B, O, X).

4. Выберите подходящие шаблоны URL.

   Чтобы сопоставить все страницы домена superuser.com и его поддоменов, используйте:

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

5. В действии выберите « Выполнить JavaScript» и введите

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

   в (1).

6. Введите Открыть входящие в Описание.

7. Мы можем использовать метод JavaScript .click() для имитации щелчков мышью по любому элементу веб-страницы. Сложная часть доступа к этим предметам. Вот где селекторы jQuery пригодятся.

   Обычно, чтобы получить доступ к своей почте нужно было нажать на выпадающем списке StackExchange, то почтовый ящик. Нам нужны соответствующие селекторы для обоих.

   • Щелкните правой кнопкой мыши раскрывающийся список StackExchange и выберите « Проверить элемент».

     В инструментах разработчика вы увидите следующее:

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

     Тег <a> выделен; это элемент, где мы хотим смоделировать щелчок.

     Класс элемента является родовым. Мы могли бы просто использовать селектор .genu , но это не сработало бы правильно, если бы было несколько элементов одного класса. Более надежным подходом было бы получить доступ к нему как к дочернему узлу <div> с идентификатором portalLink (идентификаторы уникальны) с использованием селектора #portalLink a.genu . Затем мы используем метод .click() .

     Ввод любой из следующих строк в (2) сделает работу:

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

   • В раскрывающемся списке StackExchange щелкните правой кнопкой мыши папку "Входящие" и выберите « Проверить элемент».

     В инструментах разработчика вы увидите следующее:

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

     Этот элемент имеет свой собственный идентификатор: seTabInbox.

     Ввод любой из следующих строк в (2) сделает работу:

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

8. Нажмите Сохранить и перезагрузите все открытые страницы суперпользователя. Ваш ярлык готов к использованию.

Answer 2

Прочитайте это (Ссылка), это не очень сложно, хотя вы должны открыть браузер