85个实用UserScript脚本:提升浏览器效率与网页交互体验
1. 项目概述与核心价值如果你和我一样是个重度浏览器用户每天要在各种网页上处理信息、查找资料那你肯定也遇到过这些烦心事想快速回到页面顶部得疯狂滚鼠标滚轮想复制个链接结果网页自作主张地给你复制了一堆乱七八糟的东西或者面对一个密密麻麻、毫无重点的表格看得眼花缭乱。这些看似微小的不便累积起来却极大地影响了我们的浏览效率和心情。今天要聊的这个项目ChinaGodMan/UserScripts就是一个专门解决这类“网页浏览体验痛点”的武器库。它不是一个单一的软件而是一个由85个独立、轻量的用户脚本UserScript组成的集合。这些脚本就像给你的浏览器安装了一个个“外挂”能针对性地优化特定网站或解决通用性的网页交互问题。开发者“人民的勤务员”将这些工具开源在GitHub上供所有用户免费使用和修改。这个项目的核心价值在于它的**“即插即用”和“精准打击”**。你不需要为了一个功能去安装一个庞大的浏览器扩展可能那个扩展还附带了你不需要的广告或追踪。用户脚本通常只有几十KB功能单一纯粹只在你访问特定网站时激活用完即走对浏览器性能的影响微乎其微。比如它的“上下滚动按钮”脚本就是在所有网页右侧添加两个小巧的箭头按钮点击就能平滑滚动比用鼠标或键盘快得多也优雅得多。从项目数据来看所有脚本的总安装量相当可观每日使用次数也很活跃这证明了它确实切中了很多用户的真实需求。无论是为了提升工作效率的程序员还是追求更好阅读体验的普通网民都能在这里找到适合自己的工具。接下来我们就深入拆解这个宝藏库看看它到底能为我们做些什么以及如何最高效地利用它。2. 脚本生态与工具选型解析在深入具体脚本之前我们得先搞清楚两个基础概念用户脚本UserScript和脚本管理器UserScript Manager。你可以把用户脚本理解为一小段用JavaScript写的“魔法指令”它能告诉浏览器“当用户访问某个特定网页时请自动执行这些操作来修改页面。” 这些操作可以是添加按钮、改变样式、拦截请求、提取数据等等。但是浏览器本身并不能直接理解和运行这些“魔法指令”。这时就需要一个“翻译官”兼“指挥官”这就是脚本管理器。它是一个浏览器扩展负责安装、管理、调度这些用户脚本。当你在GreasyFork这类脚本社区看到一个喜欢的脚本点击“安装”时实际上是脚本管理器接管了这个过程并将脚本代码存储起来。之后每当你访问符合脚本设定规则的网站管理器就会自动注入并执行这段代码。2.1 主流脚本管理器横向对比ChinaGodMan/UserScripts项目明确推荐了几款主流的脚本管理器它们各有特点。了解它们的区别能帮你做出最适合自己的选择。管理器名称核心特点适合人群Tampermonkey历史最悠久用户基数最大功能最全面支持高级API和云同步付费。插件商店评分高教程和社区资源最丰富。绝大多数用户尤其是新手和追求稳定、功能全面的用户。Violentmonkey开源免费注重隐私没有高级付费功能。界面相对简洁基本功能与Tampermonkey类似云同步依赖第三方服务。注重开源精神、隐私保护且不需要Tampermonkey高级功能的用户。ScriptCat后起之秀国产开发者作品。除了脚本管理还强化了脚本开发功能内置编辑器、调试器对中文用户友好。有一定开发能力或想学习、调试脚本的用户。Greasemonkey用户脚本的“鼻祖”最早的工具。目前主要维护版本是Greasemonkey 4在某些方面如API可能与新脚本存在兼容性问题。怀旧用户或特定依赖Greasemonkey旧版API的脚本使用者。个人经验之谈我长期混迹于这个圈子实测下来对于绝大多数只想“用”脚本的普通用户Tampermonkey仍然是首选。它的稳定性、兼容性和庞大的用户基础意味着你遇到的任何问题几乎都能在网上找到解决方案。Violentmonkey是优秀的免费替代品。而如果你对脚本是如何工作的感到好奇甚至想自己动手改一改ScriptCat提供的开发环境会让你事半功倍。2.2 脚本来源与安全须知ChinaGodMan/UserScripts项目本身托管在GitHub但它主要的发布和分发平台是GreasyFork。这是一个全球性的用户脚本社区你可以把它想象成“脚本界的App Store”。在这里你可以浏览、搜索、安装海量脚本。安全是使用用户脚本的第一要务。因为脚本拥有修改网页内容的极高权限一个恶意的脚本可以窃取你的密码、监控你的浏览记录、甚至进行网络攻击。因此务必遵循以下原则选择可信来源优先从GreasyFork、GitHub等知名平台获取脚本。ChinaGodMan的脚本都发布了GreasyFork链接这是可靠的安装渠道。查看脚本代码在安装前稍微滚动一下安装页面下方的代码区域。虽然看不懂全部但可以留意是否有明显可疑的网络请求到陌生域名、混淆加密的代码块或者过于宽泛的权限申请如match *://*/*表示匹配所有网站需谨慎。关注更新和评价GreasyFork上会显示脚本的更新日期、安装量、用户评分和讨论。一个长期不更新、差评多的脚本需要警惕。ChinaGodMan的脚本更新频率和好评率都较高这是积极的信号。理解脚本权限安装时管理器会提示脚本要求访问的网站权限。确保其请求的权限与其描述的功能相符。项目README中也明确提到了“脚本来自互联网广大网友本人仅是做了些许改动...如有侵权联系必删”这体现了开源社区的协作精神同时也提醒我们在使用任何第三方代码时保持一份审慎是必要的。3. 核心脚本分类详解与实战应用ChinaGodMan的脚本库涵盖了11个大类超过85个脚本。我们不可能逐一讲解但可以挑出每个类别中最具代表性、最实用的脚本深入剖析其工作原理和能解决的具体问题。3.1 网页通用增强类脚本这类脚本不针对特定网站而是提升你在所有网站上的浏览体验属于“基础设施”级别的优化。3.1.1 滚动控制双雄上下滚动按钮与置顶和置底按钮这两个脚本都解决了长页面导航的痛点但侧重点不同。上下滚动按钮在页面右侧添加向上和向下两个箭头按钮。点击向上按钮页面平滑滚动到顶部点击向下按钮页面平滑滚动到底部。它的逻辑很简单就是监听点击事件然后执行window.scrollTo({ top: 0, behavior: smooth })或滚动到document.body.scrollHeight。平滑滚动smooth这个细节很重要瞬间跳转会让人迷失位置平滑过渡则体验舒适。置顶和置底按钮这个脚本更进了一步。它同样提供“回到顶部”按钮但它的“置底”按钮功能是持续滚动。点击一次页面会以恒定速度自动滚动到底部在滚动过程中再次点击则会停止滚动。这个功能在浏览超长论坛帖子、连续阅读或快速翻阅时极其好用。其实现原理是使用setInterval定时器每隔十几毫秒将scrollTop增加一个固定值直到到达底部。实操心得我通常两个都装但会根据场景选择。快速跳转首尾用前者需要“放手”自动阅读时用后者。注意有些网站有自己的浮动工具栏可能会和这些按钮位置重叠这时可以尝试在脚本管理器中调整脚本的执行顺序让脚本后执行或者修改脚本的CSS调整按钮的z-index值使其置顶。3.1.2 剪贴板守护者网页写入剪辑版授权管理器你是否遇到过这种情况点开一个网页还没来得及复制它就已经自动把一段推广文案或链接复制到了你的剪贴板覆盖了你之前辛苦复制的内容。这个脚本就是专治这种“流氓行为”的。它的核心是重写Monkey Patch了浏览器的剪贴板API。具体来说它拦截了document.execCommand(copy)和较新的navigator.clipboard.writeText()方法。当网页试图执行复制操作时脚本会弹出一个授权对话框询问你是否允许。你可以选择“允许一次”、“始终允许在此网站”或“拒绝”。这相当于给网页的剪贴板写入操作加了一把锁钥匙在你手里。技术细节脚本通过GM_registerMenuCommand创建了一个管理菜单你可以随时查看和管理各网站的授权状态。其数据通过GM_setValue/GM_getValueAPI 存储在本地保证了设置的持久化。这是一个展示如何用用户脚本增强浏览器安全性的绝佳例子。3.1.3 视觉优化利器移除链接下划线与绚丽渐变美化网页表格这两个脚本专注于提升视觉体验。移除链接下划线原理非常简单就是向页面注入一段CSS样式a { text-decoration: none !important; }。!important用于覆盖网站原有的样式。但它更聪明的地方在于它使用了MutationObserverAPI 来监听DOM变化。这意味着即使页面是通过Ajax动态加载的内容比如无限滚动的社交媒体新出现的链接也会被立刻去掉下划线实现了“动态处理”。绚丽渐变美化网页表格这个脚本让枯燥的数据表格变得一目了然。它会遍历页面上的所有table元素为每一列td的背景色应用一个从左到右的CSS线性渐变。颜色通常是柔和过渡的例如从浅蓝到浅绿使得同一行的数据在不同列上呈现出轻微的色差极大地增强了可读性。它同样考虑了动态内容确保新生成的表格也能被美化。3.2 效率与信息处理类脚本这类脚本帮助你更高效地获取和处理网页信息。3.2.1 信息聚焦神器网页关键词高亮显示/网页高亮关键字这是两个功能相似但复杂度不同的脚本。它们都解决同一个问题在长篇大论中快速定位你关心的关键词。网页关键词高亮显示相对轻量。它提供一个简单的输入框让你输入关键词多个关键词用空格或逗号分隔。脚本会使用document.body.innerHTML结合正则表达式将匹配到的关键词用mark标签包裹起来并赋予一个高亮的背景色如亮黄色。它也会用MutationObserver来高亮动态加载的内容。网页高亮关键字功能更强大。除了基本的高亮它可能提供了更多自定义选项比如高亮颜色选择、是否区分大小写、是否全词匹配等。它可能将配置存储在GM_setValue中实现跨页面的设置记忆。这对于需要长期追踪某些特定术语的研究人员或学生来说非常有用。3.2.2 浏览效率倍增器小窗预览这个脚本的设计非常精妙它模拟了某些操作系统如macOS和浏览器如Edge的“链接预览”功能。当你拖拽一个链接时可设置为长按触发脚本会阻止默认的拖拽行为转而创建一个半透明的、带有亚克力毛玻璃效果的小窗口。在这个窗口里它会利用类似Edge的“预读Preload”技术提前加载链接的目标页面并显示其预览可能是标题、首图或摘要。核心实现思路监听页面的dragstart事件捕获被拖拽的元素a标签。阻止默认事件获取链接的href属性。创建一个固定在屏幕上的div作为预览窗口应用CSSbackdrop-filter: blur(...)实现亚克力效果。在这个div中创建一个iframe或通过fetch请求链接内容解析并展示关键信息。记录用户为不同网站调整的窗口大小通过resize事件监听并使用GM_setValue按域名存储实现个性化记忆。这个功能让你在不离开当前页面的情况下快速判断一个链接是否值得点开是提升信息筛选效率的利器。3.3 特定网站优化类脚本这类脚本针对GitHub、YouTube、Twitter等具体网站进行深度优化解决这些平台自身的某些不便之处。由于ChinaGodMan的脚本库中此类脚本众多我们选取几个典型。3.3.1 GitHub增强系列GitHub是程序员的家园但官方界面仍有优化空间。该项目的GitHub脚本可能包含以下功能代码树增强让文件树Repo Tree可固定、可缩放或增加快速搜索文件的功能。下载加速为仓库的Clone和Release下载按钮添加国内镜像源选项如通过jsDelivr加速解决直连缓慢的问题。界面净化隐藏不常用的界面元素如Trending推荐让页面更专注于代码本身。PR/Issue增强为Pull Request或Issue列表添加更丰富的筛选、排序或批量操作按钮。这些脚本通常通过等待页面特定元素加载完成MutationObserver或setInterval检查然后向DOM中插入自定义的控制按钮或修改现有元素的样式来实现。3.3.2 视频平台助手YouTube/Bilibili对于视频网站脚本的优化方向主要集中在播放体验和效率上播放控制增加播放速度微调如0.1倍递进、一键跳过片头片尾SponsorBlock集成、强制高清/解码方式等。界面定制隐藏评论区、推荐视频侧边栏实现“专注模式”或者自定义播放器控件的布局。下载增强虽然不能直接提供盗版下载但有些脚本可以提取出视频的直接播放流链接m3u8或mpd供专业下载工具使用需注意版权。B站特供可能包含自动展开剧情简介、简化首页、去除某些活动横幅等针对B站本土化特性的优化。3.3.3 社交媒体与翻译优化Twitter/X脚本可能致力于恢复经典的旧版UI布局、增加推文阅读时间估算、批量管理取关、静音、或增强媒体下载能力保存图片/GIF。翻译集成在网页上实现划词翻译或为整个页面提供一键翻译按钮可能深度对接DeepL、Google Translate等服务的API需要用户自行配置密钥实现比浏览器自带翻译更流畅的体验。4. 脚本的安装、管理与高级配置实战知道了脚本能做什么接下来就是如何让它为你工作。整个过程就像给手机安装APP一样简单。4.1 一步步安装你的第一个脚本我们以安装最通用的“上下滚动按钮”脚本为例在 Chrome/Edge 浏览器中使用Tampermonkey。安装脚本管理器打开 Chrome 网上应用店搜索 “Tampermonkey”找到由 Jan Biniok 开发的扩展点击“添加到 Chrome”。访问脚本页面在ChinaGodMan的GitHub项目页找到“上下滚动按钮”或者直接访问其GreasyFork页面通常README中会提供直达链接。一键安装点击绿色的“安装此脚本”按钮。Tampermonkey 会弹出安装确认窗口里面显示了脚本的名称、版本、描述以及它将要运行的网站match规则例如*://*/*表示所有网站。确认安装仔细查看权限确认无误后点击“安装”。安装成功后Tampermonkey 图标上可能会显示一个数字表示已启用的脚本数量。现在随便打开一个长网页比如一篇新闻你应该能在页面右下角看到新出现的向上和向下箭头按钮。点击试试页面应该平滑滚动。4.2 脚本管理器的核心功能与设置安装只是第一步管理好你的脚本库才能发挥最大效能。点击浏览器工具栏的Tampermonkey图标选择“仪表盘”你会进入控制中心。脚本列表这里展示所有已安装的脚本。你可以通过开关快速启用或禁用某个脚本。脚本设置点击脚本名称进入详细设置。这里非常重要运行时机可以设置脚本在document-start页面加载开始时、document-end加载结束时或document-idle空闲时执行。大多数脚本使用document-end。匹配规则include和exclude规则决定了脚本在哪些网址运行。你可以手动修改来微调。例如如果你只想让“移除链接下划线”在某个特定网站失效可以在exclude里添加该网站的域名。实用选项允许脚本访问跨域资源有些脚本需要从其他域名获取数据如翻译API需要勾选此选项。在无痕模式下启用默认不启用如需可打开。备份与同步Tampermonkey 的免费版支持将配置导出为本地文件.zip。定期备份是个好习惯。付费版支持云同步方便在多设备间同步你的脚本配置。4.3 脚本冲突排查与调试技巧当你安装的脚本越来越多难免会遇到冲突——两个脚本试图修改页面的同一个部分导致页面错乱或功能失效。排查步骤隔离法在Tampermonkey仪表盘中一次性禁用所有脚本然后逐个启用每启用一个就刷新页面检查直到找到引发问题的脚本。检查控制台按F12打开开发者工具切换到“Console”标签页。刷新页面查看是否有红色的JavaScript报错信息。错误信息通常会指出是哪个脚本的哪一行代码出了问题。调整执行顺序在Tampermonkey的“设置” - “通用”中可以调整脚本的执行模式为“顺序”。然后在脚本列表里通过拖拽调整脚本的顺序。让有问题的脚本在其他脚本之前或之后执行有时能解决冲突。高级调试 如果脚本功能不正常你可以尝试查看脚本源代码在仪表盘点击脚本名查看其代码。虽然可能看不懂全部但有时注释或明显的逻辑错误能提供线索。使用ScriptCat如果你对开发感兴趣切换到ScriptCat管理器是个好选择。它内置了强大的调试器可以设置断点、单步执行、查看变量是诊断复杂脚本问题的利器。踩坑记录我曾经同时安装了两个修改GitHub导航栏的脚本导致按钮重叠。通过“隔离法”发现冲突后我选择了功能更全面的那个脚本禁用了另一个。有时不是脚本不好而是“一山不容二虎”。5. 安全策略、社区参与与项目维护使用开源脚本是一件互利互惠的事情。我们在享受开发者劳动成果的同时也应了解如何安全地使用并在有能力时回馈社区。5.1 构建个人脚本安全防线除了之前提到的“选择可信来源”还有几条进阶安全准则最小权限原则在安装脚本时留意其要求的网站匹配规则。一个仅仅用于美化表格的脚本理论上不应该要求*://*/*所有网站的权限。如果遇到需要保持警惕。你可以安装后手动在脚本设置里将其权限范围缩小到具体的域名。定期审计与更新每隔一段时间回顾一下你安装的脚本列表。那些很久没有更新比如超过一年或者作者已不再活跃的脚本可以考虑寻找替代品或直接删除以降低安全风险。Tampermonkey 有脚本更新通知功能请保持开启。隔离环境测试对于来源相对陌生或功能强大的新脚本可以先用浏览器的“无痕模式”或创建一个新的浏览器用户配置文件进行测试观察其行为是否与描述一致再决定是否在主环境中安装。关注代码更新日志ChinaGodMan的许多脚本都提供了CHANGELOG.md更新日志。在更新脚本前花一分钟看看日志了解修复了哪些Bug、增加了什么功能这能帮助你判断更新是否必要以及新版本是否稳定。5.2 参与开源从使用到贡献ChinaGodMan/UserScripts是一个开源项目这意味着任何人都可以查看、使用、修改和分发它的代码。如果你在使用中发现了Bug或者有一个绝妙的改进想法你可以通过以下几种方式参与提交Issue在GitHub项目的“Issues”页面你可以报告发现的错误。一个高质量的Issue应该包括清晰的问题描述、重现问题的步骤、期望的行为、实际发生的行为、以及你的浏览器环境浏览器版本、脚本管理器版本、脚本版本。如果能附上截图或错误日志那就更好了。发起讨论对于不确定是否是Bug的功能建议或者使用上的疑问可以在项目的“Discussions”板块发起讨论。这是一个更开放的交流空间。贡献代码Pull Request如果你有编程能力并且修复了一个Bug或实现了一个新功能你可以Fork 这个项目创建你自己的副本。在你的副本上进行修改。向原项目发起一个 Pull RequestPR请求作者合并你的修改。在PR中详细说明你修改了什么以及为什么这样修改。5.3 项目的维护哲学与未来从项目的更新频率、多语言README、详细的分类和持续增长的脚本数量来看维护者“人民的勤务员”投入了相当大的精力。这个项目体现了一种实用的开源精神收集和打磨那些能解决实际“小问题”的工具并将它们免费、清晰地呈现给社区。对于用户而言这个项目就像一个可自由组合的“浏览器增强套件”。你不必接受一个庞大软件包里的所有功能而是可以像搭积木一样只挑选你需要的部分。这种模块化、轻量化的思路正是用户脚本生态的魅力所在。随着Web技术的不断发展如更多的原生API、PWA等用户脚本的形态和实现方式也可能演进。但核心诉求不会变让浏览器更听话让网络冲浪更高效、更舒适。无论是通过拦截API来保护隐私还是通过注入UI来提升操作效率用户脚本始终是连接用户意志与网页呈现之间最灵活的那座桥梁。最后就像项目README里那句朴实的话“如果脚本对你有帮助可以点亮星星以资鼓励。” 在GitHub上给喜欢的项目点个Star是对开源作者最简单也最直接的支持。这份鼓励会驱动着像ChinaGodMan这样的开发者继续为我们创造出更多好用的工具。