OpenClaw 接管你的油猴脚本：让 AI 直接读改网页脚本，不用再复制粘贴

这篇文章介绍了怎么用 tampermonkey-mcp 把 OpenClaw 和浏览器里的官方 Tampermonkey 连起来，让 AI 直接读改你的用户脚本，改完还能回到真实页面验证效果。作者原先的痛点很具体：脚本改起来要开面板、翻代码、保存、刷新，来回切窗口；想让 AI 代劳又卡在浏览器不允许第三方扩展访问 chrome-extension:// 管理页这一步，改好的代码只能手动粘贴回去。文章给出了需要安装的两个扩展、OpenClaw 侧的 MCP server 配置命令和连接码流程，并用一个「把详情页小图改成一行一张大图」的例子说明实际体验，最后列出几个必须知道的坑：连接码每次重启会变、写回是整篇替换、两个脚本管理器不能同时开。

因为经常要调网页上的东西，油猴脚本我用得挺多。但改脚本这件事本身一直很烦：打开管理面板、找到那条脚本、翻到要改的地方、保存、回页面刷新，中间还得来回切窗口。要是改动没生效，这一套还得再来一遍。

我早就想让 OpenClaw 替我做这件事，每次都卡在最后一步。Tampermonkey 的管理界面是 chrome-extension:// 页面，浏览器调试接口明确拒绝第三方扩展访问，自动化工具根本进不去。代码它能写好，但要落到浏览器里，还是得我自己复制粘贴，省下来的时间又还回去了。

后来发现官方出了个 tampermonkey-mcp，这条路才算通。

https://github.com/Tampermonkey/tampermonkey-mcp

结构不复杂：本机跑一个 MCP server，浏览器里装一个 Tampermonkey Editors 扩展，两边用本地 WebSocket 连起来。连接码是六位左右的短字符串，填一次就行。

关键在于连接方向是反的。自动化工具去碰扩展页面这条路被浏览器堵死了，但扩展可以主动连本机，所以那个限制在这里不成立。

浏览器里要装两个扩展，只装 Tampermonkey 不够：

然后在 OpenClaw 这边加上这个 MCP server：

doctor 显示 ok，说明服务端能起来，它会暴露六个工具：列脚本、读全文、写回、新建、删除，还有一个生成连接码。配置改完不用重启 Gateway 也会生效。

如果 Gateway 所在的环境里找不到 npx，把 --command npx 换成 npx 的绝对路径就行。

最后一步：

连上之后说「列一下我的脚本」，能把你的脚本列出来，就是通了。

我的用法基本就是一句话。

举个例子。某个网站的详情页，图片全挤在左边一个 200px 宽、还带滚动条的小框里，看着很难受，而图片原图其实并不小。以前得自己翻 CSS 找容器类名、一层层往上试。现在直接跟它说：这些图改成一行一张大图，顶部那个推荐区块也不要了。

它会自己去列脚本、读全文、改本地文件，再把改完的完整脚本写回浏览器。写完之后还会开浏览器把页面真的加载一遍，检查元素有没有按预期隐藏、图片卡片实际宽高是多少，而不是只回一句「保存成功」。

这一步是我觉得最值钱的地方。这类脚本依赖页面加载时序，光看代码看不出问题，回真实页面跑一遍才算数。

连接码是会变的。它由 MCP server 每次启动时随机生成，Gateway 重启之后要重新生成、重新填一次。嫌麻烦的话，可以让它跑成常驻服务：tampermonkey-mcp --transport=http，默认 4001 端口，OpenClaw 那边改成用 url 接入。

写回是整篇替换，不是打补丁。脚本头部 ==UserScript== 那一段要跟着一起传，漏了脚本就直接坏掉。

迁移过来之后，记得把暴力猴（Violentmonkey）里的旧脚本停掉。两个管理器同时注入同一个页面，等于同一套 DOM 操作跑了两遍，轻则卡顿重则样式打架。

Tampermonkey 的管理界面依旧是进不去的，还是那个 chrome-extension:// 的限制。别想着用浏览器自动化去点它的界面，老老实实走这个桥。

这座桥的本质，是把你浏览器里所有用户脚本的读写权限交给 AI。这个权限比「帮我改一个脚本」大得多。

所以连接之前想一下这台浏览器里都装了哪些脚本，连接码也别随手给别人。我自己的情况是几条自写的加一些从 Greasy Fork 装的，问题不大；要是脚本里有账号、token 之类的东西，还是谨慎点好。

张洪Heo

分享设计与科技生活

本文使用AI辅助创作，采用 CC BY-NC-ND 4.0 协议，转载请注明出处。