google腳本

❶ 從零寫一個基於油猴腳本的 Google 輔助插件(文末附完整代碼)

松柏分享一個關於通過油猴腳本創建Google輔助插件的實踐。通常在使用Google時，用戶可能希望使用快捷鍵操作，而不僅僅依賴滑鼠點擊。此實踐旨在通過簡單的腳本，實現使用快捷鍵選擇Google搜索結果的功能，顯著提高操作效率。

效果展示：通過「command + option + 序號」，可以直接進入特定的搜索結果，相比點擊操作更加快捷。長時間累積，這種操作能節省大量時間，用於學習或休息。

實現流程：最初考慮使用Chrome瀏覽器插件，但發現注冊開發者賬號及開發成本較高，與需求不匹配。隨後選擇了油猴插件，因其使用JavaScript編寫，且開發者已有一定的相關經驗，較為便捷。

實現思路：目標是為搜索結果綁定快捷鍵。實現步驟包括：1）通過F12打開開發者工具，識別搜索結果的特定class屬性（LC20lb MBeuO DKV0Md），以此獲取搜索結果。2）將獲取到的元素轉為數組，只獲取當前屏幕內的搜索結果，減少不必要的操作。3）在搜索結果前添加序號，便於用戶通過快捷鍵選擇。

編碼實現：代碼中涉及DOM操作、事件監聽，通過JavaScript實現對搜索結果的快速選擇。關鍵步驟包括將HTMLCollection轉為數組，優化獲取有效搜索結果，以及通過DOM操作添加序號和監聽鍵盤事件。

擴展功能：考慮到用戶在使用過程中可能需要滾動網頁以查看更多搜索結果，實踐過程中嘗試實現通過快捷鍵控制網頁滾動。在實現過程中遇到了使用`window.scrollBy`導致的跳躍式滾動問題，與自然滾動的手感不符。通過AI的協助，找到了可能的解決方案，盡管代碼中存在一些問題，但最終提供了實現思路和基本框架。

完整代碼示例：GitHub鏈接（略），用戶可將index.js中的代碼復制至油猴插件中使用。歡迎關注同名公眾號，提供進一步的交流與支持。