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中的代码复制至油猴插件中使用。欢迎关注同名公众号，提供进一步的交流与支持。