1. 油猴Tampermonkey是什么为什么它能让你“为所欲为”如果你经常在网上冲浪肯定遇到过一些让你不爽的体验烦人的弹窗广告、网页排版混乱、视频网站无法倍速播放、搜索结果里充斥着推广信息……这些“小问题”虽然不致命但日积月累足以消磨掉你大量的耐心和时间。有没有一种方法能让你像网页的“上帝”一样随心所欲地修改和增强你看到的任何网站答案是肯定的而实现这个梦想的钥匙就是今天要聊的油猴Tampermonkey。油猴本质上是一个浏览器扩展但它不是一个普通的广告拦截器或密码管理器。你可以把它理解为一个运行在浏览器里的“脚本管理器”。它的核心功能是允许你安装、管理和运行由全球开发者编写的、被称为“用户脚本”的小程序。这些脚本就像一个个微型的“外科手术刀”可以精准地对特定的网页进行修改和功能增强。比如一个脚本可以帮你自动展开知乎的所有回答另一个脚本可以帮你净化百度搜索结果的广告再一个脚本可以让你在B站视频播放器上添加额外的控制按钮。你不需要懂编程只需要找到别人写好的脚本点击安装油猴就会在对应的网站上自动运行它瞬间改变你的浏览体验。为什么说它能让你“为所欲为”因为它赋予了你对网页内容的最终控制权。网站开发者提供的界面是“标准答案”但油猴脚本允许你写出自己的“参考答案”。这种“我的浏览器我做主”的能力是提升效率、优化体验的终极利器。无论你是想提升工作效率、净化网络环境还是仅仅想实现一些个性化的浏览需求油猴都是你浏览器里不可或缺的“瑞士军刀”。接下来我们就从零开始手把手带你玩转油猴。2. 核心原理与工作流程拆解脚本如何“附身”网页在开始动手安装之前我们先花几分钟理解一下油猴和用户脚本到底是怎么工作的。知其然更要知其所以然这能帮你更好地排查问题甚至未来自己动手写简单的脚本。2.1 用户脚本的本质注入网页的“外挂”代码用户脚本User Script本质上是一段JavaScript代码。JavaScript是网页的“灵魂”负责控制网页的动态行为比如点击按钮弹出菜单、异步加载数据等。浏览器在加载一个网页时会执行网页自带的JavaScript代码。而油猴的作用就是在网页自身的代码执行之前或之后将用户脚本的代码“注入”到页面中让它成为页面环境的一部分。这个过程可以想象成网页是一个舞台网站自带的代码是原定的剧本和演员。油猴脚本则像是一个拥有特殊权限的“导演助理”他可以在演员上台前修改他们的台词修改DOM元素或者在演出间隙插入新的桥段添加新功能甚至改变舞台的布景修改CSS样式。这一切都发生在你的浏览器内部对网站服务器本身没有任何影响因此通常不会违反网站的服务条款但需注意合理使用。2.2 油猴的管理器角色调度与执行油猴扩展本身并不提供具体功能它扮演的是一个高度智能的调度中心和执行引擎。它的核心工作流程如下监听与匹配当你访问一个网址时油猴会立刻检查这个网址是否匹配到你已安装的某个脚本的“运行规则”。每个脚本在头部都有元数据match,include,exclude等用来声明自己应该在哪些页面上运行。例如一个针对“.zhihu.com/”的脚本只会在知乎站内生效。加载与注入一旦匹配成功油猴就会从本地存储中加载对应的脚本代码。然后它会在浏览器为当前页面创建的执行环境中巧妙地插入这段脚本代码。油猴提供了多种注入时机如document-start,document-end,document-idle让脚本作者可以控制代码是在页面加载初期、结束时还是等页面完全空闲后再执行以确保脚本运行的稳定性和效率。提供API与沙箱环境油猴为脚本提供了强大的API应用程序接口比如GM_xmlhttpRequest可以让脚本跨域请求数据这是普通网页JavaScript被严格禁止的GM_setValue可以安全地存储数据。同时它也在一定程度上管理脚本的权限提供一个相对隔离的运行环境避免劣质脚本影响浏览器稳定性。理解了这个流程你就会明白安装油猴只是第一步真正的魔法来自于那些千奇百怪的用户脚本。油猴让这些脚本的安装和管理变得像在手机上下载App一样简单。3. 手把手安装与基础配置打造你的专属武器库理论说完了我们进入实战环节。油猴的安装非常简单但有一些细节配置能让你用得更顺手。3.1 安装油猴扩展油猴支持几乎所有主流浏览器包括 Chrome、Edge、Firefox、Safari、Opera 等。安装方式大同小异都是去浏览器的官方扩展商店搜索“Tampermonkey”进行安装。注意请务必从浏览器的官方扩展商店如 Chrome 网上应用店、Microsoft Edge 外接程序商店、Firefox 附加组件商店下载。网络上流传的“.crx”等离线安装包可能包含恶意代码存在安全风险。以Microsoft Edge浏览器为例Chrome 步骤几乎一致打开 Edge 浏览器点击右上角的“...”菜单选择“扩展”。在左侧菜单中选择“打开 Microsoft Edge 外接程序网站”。在商店搜索框中输入“Tampermonkey”。找到由“Tampermonkey B.V.”发布的扩展点击“获取”按钮进行安装。安装成功后浏览器工具栏区域会出现油猴的图标一个黑色的猴子头。安装完成后点击这个猴子图标如果弹出菜单显示“已启用”和脚本数量说明安装成功。3.2 初识管理面板与获取脚本点击油猴图标选择“仪表盘”就会打开油猴的管理后台。这里是你管理所有脚本的指挥中心。主要标签页包括已安装脚本列出所有脚本可以开关、编辑、删除。实用工具用于备份、还原脚本配置非常有用。设置高级配置项新手保持默认即可。脚本从哪里来最主流、最安全的来源是Greasy Forkhttps://greasyfork.org/zh-CN。这是一个开源的用户脚本托管平台上面有海量脚本并且有社区评级和代码公开审查机制相对安全可靠。安装你的第一个脚本 我们以安装一个非常实用的“网页限制解除”类脚本为例这类脚本通常可以解除网页禁止复制、右键菜单锁定等限制。访问 Greasy Fork 网站在搜索框输入“解除限制”或“Enable Copy”。在结果列表中找一个评分高、近期有更新的脚本点击进入详情页。在详情页你会看到清晰的脚本功能介绍、适用网站和完整的代码。直接点击绿色的“安装此脚本”按钮。油猴会弹出安装确认页面上面显示了脚本的元信息名称、版本、将在哪些网站上运行等。仔细阅读确认无误后点击“安装”。安装完成后你可以访问一个平时禁止复制的网站比如某些文档网站、文库测试一下是否已经可以自由复制文字了。3.3 关键配置项详解对于大多数用户默认配置已足够。但了解以下几个关键设置能提升体验配置模式在“设置”-“常规”中建议选择“高级”。这会让仪表盘里显示更多选项和功能方便你进行更精细的管理。脚本更新检查在“设置”-“常规”中建议设置为“每天”。好的脚本作者会持续修复Bug和适配网站改版开启自动更新能让你始终用到最稳定的版本。安全在“已安装脚本”列表每个脚本后面都有一个开关。对于不常用或不确定是否需要的脚本可以随时关闭而不是删除。需要时再打开非常灵活。实操心得安装新脚本后如果网页出现错乱或功能异常首先尝试点击油猴图标检查是否是该脚本导致的。可以临时关闭该脚本刷新页面来确认。这是排查问题的第一步。4. 脚本的安装、管理与更新像管理App一样简单安装了几个脚本后如何高效地管理它们就变得重要了。杂乱无章的脚本不仅影响性能还可能引发冲突。4.1 脚本的安装决策如何选择靠谱的脚本面对Greasy Fork上功能相似的多个脚本如何选择我总结了一个“四看”原则一看更新日期优先选择“最近更新”时间在一年以内的脚本。网站前端经常改版太久没更新的脚本很可能已失效甚至可能因为调用过时的API而导致浏览器报错。二看安装数量安装量是一个重要的参考指标。通常安装量大的脚本经过更多用户测试相对更稳定可靠。三看评分与反馈查看脚本的评分和用户评论。如果评论区有大量关于“失效”、“冲突”的反馈就要谨慎选择。四看代码体积和简介对于实现简单功能的脚本如果代码量异常庞大可能需要留个心眼。同时仔细阅读脚本描述确认其功能是否正是你需要的以及它声明的运行站点是否准确避免脚本在不必要的网站上运行浪费资源。4.2 日常管理启用、禁用与排序在油猴的“已安装脚本”面板你可以启用/禁用点击脚本名称右侧的滑块。禁用后脚本代码不会注入任何页面相当于“冻结”。这是临时关闭某个功能的最佳方式。调整执行顺序当多个脚本对同一个页面生效时它们的执行顺序可能会影响最终结果。你可以通过拖动脚本列表左侧的“汉堡菜单”图标来调整顺序。一般来说修改页面基础结构的脚本如广告移除应该先执行增强功能的脚本如添加按钮后执行。查看脚本详情点击脚本名称可以进入编辑页面。在这里普通用户最需要关注的是脚本顶部的“元数据块”那些以开头的行特别是match匹配站点和exclude排除站点你可以手动微调以确保脚本只在期望的站点运行。4.3 脚本的更新与备份更新如前所述开启自动更新是最省心的。你也可以在“已安装脚本”页面点击顶部工具栏的“检查更新”按钮手动触发。如果更新后脚本出现问题油猴还提供了“还原”功能可以回退到上一个版本。备份你的脚本配置是宝贵的。在“实用工具”标签页使用“导出”功能可以将所有脚本的当前版本和设置打包成一个.zip文件。重装系统或更换电脑后使用“导入”功能即可一键恢复非常方便。注意事项切勿盲目更新所有脚本。特别是当你当前使用的脚本版本工作完美而更新日志显示是“适配了某网站新版UI”时如果你不访问那个新版网站可以不急于更新以免引入新的不稳定性。可以逐个更新并观察影响。5. 高阶应用与脚本编写入门从使用者到创造者当你熟练使用各种脚本后可能会发现有些细微的需求没有现成的脚本能满足。这时了解一点脚本编写知识就能让你自己动手丰衣足食。油猴脚本基于JavaScript但入门门槛并不像开发一个完整应用那么高。5.1 理解脚本的基本结构一个最简单的油猴脚本看起来是这样的// UserScript // name 我的第一个脚本 // namespace http://tampermonkey.net/ // version 1.0 // description 尝试在百度首页添加一个提示框 // author You // match https://www.baidu.com/ // grant none // /UserScript (function() { use strict; // 你的代码写在这里 alert(你好油猴这个脚本只在百度首页运行。); })();元数据块(// UserScript到// /UserScript)这是脚本的“身份证”和“说明书”油猴靠它来识别和管理脚本。name是名称match指定了脚本注入的网址支持通配符*grant用于声明需要使用的油猴特殊API权限。执行函数(function() { ... })();这是一个立即执行函数它将你的代码包裹起来形成一个独立的作用域避免变量污染网页原有的JavaScript环境。‘use strict’;表示启用严格模式帮助写出更安全、规范的代码。5.2 常用操作示例修改DOM用户脚本最常做的事就是操作网页的DOM文档对象模型。DOM可以理解为网页的骨架和内容树。通过JavaScript我们可以找到特定的元素并修改它。示例1隐藏网页上的某个讨厌的元素假设某个新闻网站侧边栏有一个ID为sidebar-ads的广告栏你想隐藏它。// UserScript // ... 其他元数据 // match https://example-news.com/* // /UserScript (function() { use strict; // 等待页面加载完成 window.addEventListener(load, function() { // 通过ID查找元素 const adElement document.getElementById(sidebar-ads); if (adElement) { adElement.style.display none; // 将其样式设置为不显示 console.log(广告栏已隐藏); } }); })();示例2在页面顶部添加一个自定义按钮// UserScript // ... 其他元数据 // match https://example.com/* // /UserScript (function() { use strict; // 创建一个按钮元素 const myButton document.createElement(button); myButton.textContent 一键处理; myButton.style.position fixed; myButton.style.top 10px; myButton.style.right 10px; myButton.style.zIndex 9999; myButton.style.padding 5px 10px; myButton.style.backgroundColor #4CAF50; myButton.style.color white; myButton.style.border none; myButton.style.borderRadius 4px; myButton.style.cursor pointer; // 为按钮添加点击事件 myButton.addEventListener(click, function() { alert(你点击了自定义按钮); // 这里可以写更复杂的处理逻辑 }); // 将按钮添加到网页的body中 document.body.appendChild(myButton); })();5.3 使用油猴API增强脚本能力普通JavaScript在网页中受到“同源策略”等安全限制。油猴通过grant声明和GM_*系列API赋予脚本更强大的能力。GM_setValue/GM_getValue在本地存储数据用于保存用户设置或状态。比如记录用户上次使用的选项。// grant GM_setValue // grant GM_getValue // 保存值 GM_setValue(theme, dark); // 读取值 const savedTheme GM_getValue(theme, light); // 第二个参数是默认值GM_xmlhttpRequest发起跨域网络请求。这是最强大的API之一可以让脚本从其他网站获取数据。例如写一个脚本在豆瓣读书页面显示该书籍在多个网店的价格对比。重要提示使用此API需谨慎并严格遵守目标网站的robots.txt和服务条款避免频繁请求给对方服务器造成压力。5.4 调试你的脚本编写脚本离不开调试。油猴脚本的调试和普通网页JavaScript一样在脚本编辑页面油猴仪表盘 - 点击脚本名 - 编辑写好代码并保存。刷新脚本生效的目标网页。按F12打开浏览器的开发者工具。切换到“控制台”面板这里会显示脚本中的console.log()输出和任何错误信息。切换到“源代码”面板你可以找到油猴脚本的文件通常位于(油猴脚本)或Tampermonkey目录下并设置断点进行逐行调试。从修改一个简单的元素开始逐步尝试更复杂的功能你会发现为自己量身定制浏览体验的乐趣无穷。6. 常见问题、冲突排查与安全指南即使按照教程操作在实际使用中也可能遇到各种问题。下面是一些常见情况及解决方法。6.1 脚本失效了怎么办这是最常见的问题。可按以下步骤排查检查脚本是否启用首先点击油猴图标确认该脚本的开关是打开状态绿色。检查运行站点是否匹配访问脚本声称要运行的网站查看油猴图标上的数字是否增加表示有脚本在该页运行。也可以点击油猴图标在弹出菜单底部查看当前页面上运行的脚本列表。检查脚本更新网站改版是脚本失效的首要原因。去Greasy Fork脚本页面查看是否有更新并阅读更新日志。检查浏览器控制台按F12打开开发者工具查看“控制台”是否有红色错误信息。错误信息能直接指出脚本哪一行代码出了问题。尝试禁用其他脚本多个脚本可能冲突。在油猴仪表盘尝试暂时禁用其他所有脚本只保留出问题的这一个刷新页面看是否恢复。如果恢复则逐个启用其他脚本找到冲突对象。查看脚本讨论区在Greasy Fork的脚本页面下方通常有讨论区。很多用户会反馈失效问题作者或其他用户可能会提供临时解决方案。6.2 脚本导致网页卡顿或崩溃某些编写不佳或功能复杂的脚本可能会消耗大量资源。定位问题脚本使用浏览器的任务管理器Chrome/EdgeShiftEsc。查看哪个标签页的“JavaScript内存”或“CPU”占用异常高然后在该页面禁用脚本逐一排查。调整脚本执行时机对于非关键脚本可以尝试在脚本编辑页面在元数据中添加run-at document-idle让脚本在页面完全加载后再执行可能改善体验。限制脚本运行范围检查脚本的match规则是否过于宽泛如*://*/*导致它在所有页面都运行。可以编辑元数据将其限制在真正需要的域名下。6.3 安全与隐私注意事项油猴脚本能力强大因此安全使用至关重要。来源可信坚持从 Greasy Fork、OpenUserJS 等知名、开源平台获取脚本。避免安装来源不明的.user.js文件链接。审查代码安装前在确认页面可以大致浏览一下脚本代码。警惕那些请求过多权限特别是GM_xmlhttpRequest到敏感域名、代码混淆严重、功能描述模糊的脚本。权限最小化关注脚本的grant声明。一个只需要修改页面样式的脚本不应该请求网络访问权限。如果请求的权限超出其功能所需应保持警惕。定期审计偶尔回顾一下已安装的脚本列表卸载那些长期不用或已失效的脚本。减少攻击面。注意账号安全绝对不要安装任何声称能“免费获取VIP”、“自动刷赞”等违反网站规则的脚本。这类脚本极有可能窃取你的Cookie和账号密码。6.4 与其他浏览器扩展冲突油猴脚本和广告拦截器如 uBlock Origin、样式管理器如 Stylus功能上可能有重叠。广告屏蔽冲突如果某个元素被广告拦截器移除了那么依赖该元素存在的油猴脚本就可能报错。可以尝试在广告拦截器中为该网站暂时禁用规则或调整脚本代码使其更健壮例如在操作前检查元素是否存在。样式冲突油猴脚本修改的DOM结构可能会被用户样式Stylus覆盖样式。通常后加载的样式优先级更高。需要根据实际情况调整。7. 精选脚本推荐与场景化应用最后分享一些我长期使用、堪称“神器”的脚本以及它们适用的场景希望能给你带来灵感。你可以在Greasy Fork上搜索这些脚本名称找到它们。脚本类别脚本名称示例核心功能适用场景效率提升AC-baidu优化百度、谷歌、搜狗等搜索结果页。去除广告、重排样式、直接显示跳转链接、自动翻页等。任何需要频繁使用搜索引擎的用户能极大提升信息检索效率。阅读增强网页解除限制(多种)解除网页禁止复制、右键、选择文本的限制。查阅资料、需要摘录网页文字时必备。视频体验Bilibili EvolvedB站功能增强工具箱。提供自定义播放器布局、下载视频、封面提取、夜间模式等海量功能。B站深度用户想要获得超越官方客户端的观看和管理体验。购物比价购物党自动比价工具在京东、淘宝、亚马逊等商品页面自动显示历史价格曲线并提供其他平台比价链接。网购前查看价格走势避免在价格高点入手。信息净化知乎增强移除知乎登录弹窗、一键展开所有回答、净化时间线、屏蔽关键词内容等。改善在知乎的阅读体验专注于内容本身。下载辅助网盘直链下载助手配合IDM、Aria2等下载工具解析百度网盘、蓝奏云等页面的真实下载链接实现加速下载。需要频繁从公有云盘下载文件的用户。开发辅助GitHub增强为GitHub代码浏览页面添加目录导航、一键复制文件、显示文件大小等功能。程序员浏览GitHub项目时提升效率。场景化应用示例 假设你是一名学生/研究者你的工作流可能是用“AC-baidu”脚本高效搜索学术资料 - 遇到无法复制的网站用“网页解除限制”脚本搞定 - 将有用的网页保存或整理。整个过程流畅无阻。 假设你是一名数字营销人员你可能需要用“购物党比价”监控竞品价格 - 用“网页解除限制”收集市场文案 - 用“Bilibili Evolved”分析视频平台内容趋势。油猴的魅力在于它不是一个单一的工具而是一个无限的、可定制的工具箱。你的需求就是脚本的功能边界。从解决一个小痛点开始逐步搭建起属于自己的、高效的个性化浏览环境这正是油猴带给我们的最大价值。它让浏览器这个我们每天使用最频繁的软件真正变成了我们自己的形状。