Có thể đặt phím tắt trên một trang web?

Không phải các phím tắt hệ thống hoặc ứng dụng, mà là các phím tắt được sử dụng cụ thể trên một trang web nhất định.

Phím tắt Gmail chẳng hạn.

Thí dụ:

Nhấn Alt+ ftrong khi trên Facebook, nó sẽ thay đổi nguồn cấp từ 'Câu chuyện hàng đầu' thành 'Gần đây nhất' và ngược lại.

Và cho phép người dùng tự thiết lập các phím tắt này? Có lẽ một phần mở rộng chrome?

Trình quản lý lối tắt mở rộng cho phép bạn tạo các phím tắt tùy chỉnh, nhưng thực hiện các thao tác trang bên trong đòi hỏi một chút kiến ​​thức về JavaScript hoặc ít nhất là Bộ chọn jQuery .

Mô tả chính thức

Tùy chỉnh các phím tắt; Chỉ định bất kỳ mã Javascript hoặc hành động trình duyệt cho bất kỳ nét chính.

Bạn có thể thay đổi các phím tắt mặc định của trình duyệt và gán bất kỳ bookmarklets hoặc hành động Javascript nào cho các phím nóng của bạn. Nó hoạt động như Keyconfig trên Firefox.

Hành động ví dụ:

• Tab: "Tab bên trái", "Thư mục trên", "Đóng tab bên phải", "Mở trang yêu thích của bạn", ...
• Trang: "Cuộn lên / xuống", "Chèn chữ ký của bạn", ...
• Đặc biệt: "Chụp màn hình"
• Tùy chỉnh: Thực thi bất kỳ Bookmarklets hoặc mã Javascript!

Bạn cũng có thể nhập hoặc xuất cài đặt của mình để có thể chia sẻ nó với người khác.

Cài đặt

1. Ghé thăm Shortcut Manager .
2. Nhấp vào Thêm vào Chrome .
3. Nhấp vào Thêm .

Thí dụ

Tôi không có tài khoản Facebook, vì vậy hãy mở hộp thư Siêu người dùng bằng phím tắt.

1. Nhấp vào biểu tượng Shortcut Manager ở bên phải của thanh địa chỉ.

2. Nhấp vào Xem tất cả cài đặt / Thêm phím tắt mới .

3. Bấm vào trường nhập Phím tắt và bấm tổ hợp phím mong muốn.

   Đây có thể là một đơn đa phím tắt (ví dụ: Ctrl+ Shift+ Ihoặc Alt+ I) hoặc một chuỗi các phím (ví dụ I, N, B, O, X).

4. Chọn các mẫu URL thích hợp .

   Để khớp tất cả các trang của tên miền superuser.comvà tên miền phụ của nó, hãy sử dụng:

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

5. Trong hành động , chọn Thực thi Javascript và nhập

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

   trong (1) .

6. Nhập Mở hộp thư đến trong Mô tả .

7. Chúng tôi có thể sử dụng .click()phương pháp của JavaScript để mô phỏng các lần nhấp chuột trên bất kỳ mục nào của trang web. Phần khó khăn là truy cập vào các mục. Đây là nơi các bộ chọn jQuery có ích.

   Thông thường, để truy cập hộp thư đến của bạn, bạn nhấp vào menu thả xuống StackExchange , sau đó là hộp thư đến . Chúng tôi cần bộ chọn phù hợp cho cả hai.

   • Bấm chuột phải vào menu thả xuống StackExchange và bấm Kiểm tra phần tử .

     Bạn sẽ thấy những điều sau đây trong các công cụ dành cho nhà phát triển:

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

     Các <a>tag được đánh dấu; đây là yếu tố mà chúng tôi muốn mô phỏng nhấp chuột.

     Lớp của nguyên tố là genu . Chúng ta chỉ có thể sử dụng bộ chọn .genu, nhưng nó sẽ không hoạt động đúng nếu có nhiều phần tử của cùng một lớp. Một cách tiếp cận đáng tin cậy hơn sẽ là truy cập nó như một nút con của <div>ID PortalLink (ID là duy nhất), bằng cách sử dụng bộ chọn #portalLink a.genu. Sau đó, chúng tôi sử dụng .click()phương pháp.

     Nhập bất kỳ dòng nào sau đây vào (2) sẽ thực hiện công việc:

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

   • Trong danh sách thả xuống StackExchange , bấm chuột phải vào hộp thư đến và bấm Kiểm tra phần tử .

     Bạn sẽ thấy những điều sau đây trong các công cụ dành cho nhà phát triển:

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

     Phần tử này có ID riêng: seTabInbox .

     Nhập bất kỳ dòng nào sau đây vào (2) sẽ thực hiện công việc:

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

8. Nhấp vào Lưu và tải lại tất cả các trang Siêu người dùng đang mở. Phím tắt của bạn đã sẵn sàng để sử dụng.

Đọc cái này ( Liên kết ), nó không khó lắm mặc dù bạn phải mở trình duyệt-