Чи можливо встановити комбінації клавіш на веб-сторінці?

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

Ярлики Gmail, наприклад.

Приклад:

Натисніть Alt+, fтоді як у Facebook він змінить канал із "Найпопулярніших історій" на "Найновіші" та навпаки.

І дозволити користувачеві самі встановлювати ці ярлики? Можливо, хромоване розширення?

Диспетчер ярликів розширень дозволяє створювати власні ярлики клавіатури, але для виконання дій на внутрішній сторінці потрібно трохи знати JavaScript або принаймні селектори jQuery .

Офіційний опис

Налаштувати клавіші швидкого доступу; Призначте будь-який код Javascript або дії браузера для будь-яких обрисів клавіш.

Ви можете змінити клавіші швидкого доступу у веб-переглядачі за замовчуванням та призначити будь-які закладки або дії Javascript своїм гарячим клавішам. Він працює як Keyconfig на Firefox.

Приклад дій:

• Вкладки: "Ліва вкладка", "Верхня директорія", "Закрити праві вкладки", "Відкрити улюблену сторінку", ...
• Сторінка: "Прокручування вгору / вниз", "Вставити підпис", ...
• Спеціальна: "Захоплення екрану"
• Користувальницькі: виконайте будь-які закладки або код Javascript!

Ви також можете імпортувати чи експортувати свої налаштування, щоб ви могли ними поділитися з іншими.

Установка

1. Відвідайте Менеджер ярликів .
2. Клацніть Додати в Chrome .
3. Натисніть Додати .

Приклад

У мене немає облікового запису Facebook, тому давайте відкриємо папку "Super User" за допомогою комбінації клавіш.

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. Ми можемо використовувати .click()метод JavaScript, щоб імітувати клацання миші на будь-якому елементі веб-сторінки. Хитра частина - доступ до цих предметів. Ось тут корисні селектори 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 . Ми можемо просто використовувати селектор .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. Клацніть Зберегти та перезавантажте всі відкриті сторінки Super User. Ваш ярлик готовий до використання.

Почитайте це ( Посилання ), це не дуже складно, хоча вам потрібно відкрити браузер-