如何不写代码，用 AI 定制网站

你可以用 AI 创建一个用户脚本，在自己的浏览器里定制网站。用户脚本是一个小程序，会在你访问页面时修改它。使用 ScriptPanda，你只需用日常语言描述改动，再通过 Chrome 扩展管理生成的工具。

这可以是隐藏一个分散注意力的面板、添加一个复制按钮、让表格更易读，或者创建一个 AI 助手。你不需要拥有这个网站。改动只对你的浏览器生效，不会为网站的其他访客更新页面。

下面的请求是供你调整和测试的起点，并不表示某个特定的第三方网站已经用这些原话测试过。

选择一个结果明确的改动

从你常用页面上的一个烦恼开始。“把这个仪表板做得更好”给 AI 留下了太多需要猜测的空间。“隐藏公告面板，但保留导航和主表格”则给出了一个你能检查的结果。

妨碍你的东西	一种可行的个人定制
一个面板占用了你正在做的工作的空间	隐藏该面板，同时保留主要内容
表格很难快速浏览	突出显示符合某个条件的行
你反复以相同格式复制信息	添加一个复制所选字段的按钮
你反复需要同一类摘要	添加一个输出格式固定的 AI 操作

第一个工具，选一个可见且可撤销的改动。这样更容易判断它是否成功，也更容易说明需要哪些更正。

设置 ScriptPanda

ScriptPanda 需要 Chrome 138 或更高版本，其方案都需付费。仅安装扩展并不包含构建额度。有时会提供限量免费试用：需要在账户中领取（绝不会自动开通），包含 10 次请求，自领取起 7 天内有效，每个账户限一次。试用来自一个可能会用完的有限名额池，所以你查看时它可能已经没有了。查看方案，登录并完成引导步骤。

Chrome 还要求你为该扩展开启允许用户脚本（Allow user scripts）。引导流程会带你找到这个设置，并帮你固定扩展，方便打开。如需再次查看设置方法，请参阅帮助页面。

打开你想定制的普通网站页面，然后打开 ScriptPanda。Chrome 的内部设置页面和 Chrome 应用商店不适合用来测试，因为那里限制了扩展的访问。

围绕页面、操作和边界来写请求

一个有用的请求要回答三个问题：要改什么，在哪里改，以及什么应该保持不动？

对于页面清理，可以试试这种形式的请求：

在这个页面上，隐藏主表格上方的公告面板。保留导航、搜索框和表格可见。我回到这个页面时也应用同样的改动。

对于辅助按钮：

在这个表格旁边添加一个“复制所选详情”按钮。点击时，把所选行的名称和状态复制为纯文本。如果没有选中任何行，就显示一条提示，请我先选择一行。

这些示例描述的是预期行为。具体页面表示选中项或面板的方式可能不同，所以请根据实际看到的内容调整名称。如果页面上有多个表格或名称相近的区域，请指明你说的是哪一个。

不要在第一个请求里合并五个互不相关的改动。先做一个改动，检查它，再在此基础上继续。

检查创建的结果

工具安装后，检查它在哪里运行，并试用它添加的操作。如果你懂 JavaScript，可以查看和编辑生成的代码；不懂也可以只评估看得见的行为。

对于页面清理，检查是否隐藏了正确的面板，以及重要的控件是否仍然正常。对于复制按钮，把结果粘贴到你能检查的地方。把复制的字段与源行进行对比，包括标点、空白和换行。

然后刷新页面。一个刚创建时看起来正确的工具，在新的访问中也必须表现正确。再试试页面的另一种合理状态：换一行选中、一个空表格，或者一个打开的菜单。

到这一步，个人定制才真正有用：你知道它做什么、在哪里运行、需要注意什么。

用具体的更正来完善工具

如果结果已经接近，请说明哪里不符，而不是原封不动地重复最初的请求：

按钮复制的是第一行，而不是我选中的那一行。只使用选中的行。按钮保持在现在的位置。

或者：

面板已经隐藏，但表格上方的空白还在。在不改变表格宽度的情况下去掉这块空白。

完善会消耗请求次数，所以更正要聚焦，并测试新的结果。生成的工具可能安装成功，但仍需要调整才能符合你的本意。

了解工具何时会再次使用 AI

隐藏面板或复制现有文本的工具，不一定每次运行都需要 AI。ScriptPanda 在构建或修改工具时消耗请求次数；之后，普通工具在本地运行，不消耗请求次数。

AI 摘要按钮则不同。每次使用时它都会让 AI 理解文本，所以这些运行同样消耗请求次数。一次请求是 AI 工作量的一部分，并不保证一次就能得到一个完整的工具或一份不限长度的摘要。

例如，一个 AI 工具的请求可以是：

在文章上方添加一个按钮，生成三个要点：主要结论、文章给出的证据，以及文章提到的任何不确定之处。把结果显示在文章旁边。

对照文章阅读输出。统一的格式让摘要更容易核对，但并不会让摘要自动正确。

在依赖定制之前了解其限制

ScriptPanda 为你正在使用的页面构建工具。它不安排定时任务，不协调跨多个网站的工作流，也不能在浏览器关闭时运行。

生成的工具保存在扩展的本地存储中。卸载扩展或清除其数据会删除这些工具。网站改版也可能需要更新工具；描述哪里坏了，再检查修改后的结果。

工具保存在本地，并不意味着构建工具完全在你的电脑上进行。ScriptPanda 会把你的请求、页面地址和一份精简的页面文本概要发送到它的服务器进行 AI 处理。哪些信息会离开浏览器，请参阅隐私详情。

常见问题

其他人会看到我的改动吗？

不会。这是对你自己浏览器的个人定制，而不是为所有人修改网站源代码。它也不会让你访问账户平常无法查看的信息。

我需要学 JavaScript 吗？

不需要。你可以用日常语言描述工具及其更正。如果你想要这种控制，代码也随时可以查看和编辑。

构建失败会怎样？

如果一次构建没有生成任何可安装的内容，它消耗的请求次数会退还。如果工具安装了，但没有按你的意思工作，那么请求修改会消耗请求次数。这是两种不同的结果，所以安装后请测试工具的行为。

什么是好的第一个项目？

选一个能立刻验证、而且你预计会再次使用的东西：更整洁的页面、专门的复制操作，或者导出按钮。想看更具体的例子，请阅读如何为网站表格添加“导出 CSV”按钮。当你想到一个会反复用到的场景时，选择 ScriptPanda 方案，从一个小工具开始。