如何用 AI 编写用户脚本

什么是用户脚本

用户脚本是一种在你选定的网站上、页面加载完成后运行的小型 JavaScript 程序。它可以添加按钮、隐藏面板、重新排版表格、填写表单或导出数据。用户脚本已经存在二十多年了，由 Greasemonkey、Violentmonkey 和 Tampermonkey 等管理器来运行。新变化在于，你不再需要自己写了。

用户脚本的组成

每个用户脚本都以一个脚本头开始，这是一段注释，告诉管理器这个脚本是什么、在哪里运行：

// ==UserScript==
// @name         Copy title as Markdown
// @match        https://example.com/*
// @grant        none
// ==/UserScript==

• @name 是你在管理器里看到的名称。
• @match 说明脚本在哪些页面上运行。星号可以匹配任何内容，所以上面这一行的意思是 example.com 上的所有页面。
• @grant 列出脚本需要管理器提供的特殊能力，比如存储数值或向其他网站发送请求。none 表示一项都不需要。

脚本头下面是操作页面的普通 JavaScript：找到主标题，创建按钮，并在点击按钮时复制文字。

手动的方法：聊天助手加管理器

让 AI 写用户脚本的常见做法：

1. 从 Chrome 应用商店安装一个用户脚本管理器，比如 Tampermonkey。
2. 让 ChatGPT、Claude 或 Gemini 写一个在该网站上实现你想要功能的用户脚本。
3. 在管理器里新建一个脚本，粘贴代码并保存。
4. 刷新网站，看看能不能用。

简单的脚本往往能用。问题出在第 4 步。助手从来没见过这个页面。它得去猜你说的标题、列表或按钮在页面代码里叫什么，而现代网站用的都是自动生成的名字，谁也猜不到。脚本运行了，什么也没找到，什么也没做，而且看不到任何报错。然后你把页面代码的片段复制回聊天里，解释哪里不对，粘贴新版本，再试一次。来回好几轮是常有的事。

Chrome 现在还多要求一步。自从 Chrome 调整了扩展程序机制，用户脚本管理器必须先在 chrome://extensions 中该扩展程序的详情里打开允许用户脚本（Allow user scripts），脚本才能运行。

用工具一劳永逸

解决办法是让 AI 看到页面。ScriptPanda 是一个 Chrome 扩展程序，在你停留在页面上时，根据简单的描述编写用户脚本。你发送请求时，它会发送你的描述、页面地址和页面结构的精简概要（不是截图，也不是整个页面），这样它就能找到真正的标题、列表或按钮。然后它编写脚本，安装到页面上并运行，你马上就能看到它是否做到了你要求的事。

在任意文章页面上粘贴本指南末尾的请求，你就会在标题旁边得到一个复制标题按钮。如果哪里不对，说明问题所在，ScriptPanda 就会修改脚本。如果你懂 JavaScript，也可以在编辑器里打开任何工具的代码自己修改。

ScriptPanda 需要 Chrome 138 或更高版本，并且和其他管理器一样，需要为它打开允许用户脚本。

局限

用户脚本在页面内部运行，在你的浏览器中，只在页面打开时运行。它不能在后台运行、不能定时运行，也不能在 Chrome 关闭时运行，而且一次只作用于一个网站。ScriptPanda 为每个页面构建一个工具，不会导入或运行已有的 Tampermonkey 脚本，所以它不能替代你现有脚本的管理器。如果网站改了布局，脚本可能会找不到它需要的东西。在页面上打开 ScriptPanda，说明哪里坏了，让它修复工具。