如果你经常需要在网页上调试代码或者临时修改页面行为,大概率用过 Tampermonkey 这类用户脚本管理器。但今天我想聊聊一个更轻巧、更现代的选择——TamperJS。它用上了 VS Code 同款的 Monaco 编辑器,把注入 JavaScript 这件事变成了写代码般的享受。

为什么我放弃了 Tampermonkey?

老实说,Tampermonkey 功能强大但界面略显陈旧,尤其是脚本管理页面和编辑器体验,对比现在的 IDE 差了不少。而 TamperJS 一打开就是简洁的 Monaco 编辑器,支持智能补全、语法高亮、错误提示,写起注入脚本就像在本地开发一样流畅。对于每天要写几十个临时脚本的我来说,这种效率提升太明显了。

核心亮点:Monaco 编辑器 + 域管理

TamperJS 的编辑器不是简单的文本框,而是完整继承了 Monaco 的代码折叠、多光标、搜索替换等功能。你可以在 domain-based 脚本管理 里按网站分别保存脚本,比如为 GitHub 写一个自动合并 PR 的脚本,为知乎写一个去广告的脚本,互不干扰。点击执行按钮即可即时注入,不需要像其他插件那样先保存再刷新页面。

暗黑模式与轻量表现

对于夜猫子开发者来说,自带无缝切换的 暗黑模式 非常友好,配合 Monaco 的高对比度主题,长时间写脚本也不会累眼。另外 TamperJS 的扩展体积只有几百 KB,比对手 Violentmonkey 和 Tampermonkey 都要小,加载时几乎不感知内存占用。

上手实测:从安装到注入只需 10 秒

  • 安装扩展后点击图标,打开的编辑器里已经预置了一段示例 JS。
  • 在顶部输入目标网站的域名(如 *.example.com),粘贴或编写你的注入代码。
  • 点击“执行”按钮,刷新页面后脚本自动生效。
  • 如果想要只运行一次,可以用“注入一次”选项,适合测试临时补丁。

相比 Tampermonkey 需要手动创建脚本、填写元数据(@include、@match 这些繁琐规则),TamperJS 的流程简直是无痛的。

适合谁用?对比总结

如果你是 前端开发者自动化测试工程师 或者只是喜欢定制网页的高级用户,TamperJS 都值得一试。它不像 Greasemonkey 那样只支持旧标准,也不像一些大而全的插件那样堆砌功能。本质上它只做一件事——让你快速写好 JS 脚本并注入——但做到了极致。

和 Tampermonkey 相比,TamperJS 缺少脚本市场(Greasy Fork 集成)和自动更新机制,所以不适合管理长期使用的大型用户脚本。但如果你只是临时调试、写点小工具,它绝对比任何插件都顺手。