用 AI Helper 构建一条规则 —— 一步步实操演练
你知道自己想要什么 —— 「隐藏那个订阅弹窗」 —— 但你不想翻遍 DOM、写一个选择器,还要在 !important 上猜来猜去。AI Helper 来做翻找的活。这是一次具体的、逐步点击的演练,构建一条真实的规则,从一个通俗英语的请求到一条能扛住重新加载的已保存规则。
开始之前
AI Helper 需要来自三家提供商之一的 API 密钥 —— OpenAI、Anthropic 或 Gemini。你在 设置 → AI Helper 中添加一次;密钥住在 chrome.storage.local 中,永远不会接触页面。如果你还没做这件事,设置指南会用两分钟带你走完。本次演练我们假设密钥已经就位。
目标
我们挑一个常见的烦恼:一个站点在页面加载几秒后向你抛出一个全屏订阅模态框。我们想让它消失 —— 每次访问,自动地。到最后我们会有一条限定到那一个域名的已保存规则。
第 1 步 —— 在页面上打开 AI Helper
导航到那个惹麻烦的站点,等弹窗出现(这样元素就在 DOM 里了)。然后用 Ctrl+Alt+\ 打开 AI Helper。你也可以用弹出小部件里的按钮或右键菜单 —— 三者都打开同一样东西:一个浮动、可拖动、可调整大小的窗口,在页面内部,限定到这个标签页。
第 2 步 —— 描述目标
用通俗语言输入你想要的。没有选择器,没有行话:
隐藏这个站点上在页面加载几秒后
出现的订阅弹窗。AI Helper 不会直接跳到代码。系统提示词强制执行一个工作流:询问细节 → 检查页面 → 在 TEMP 窗口中测试 → 请你验证 → 然后才持久化。所以第一条回复通常是一个澄清性的问题 —— 例如,你是否也想移除模态框背后的暗色遮罩,还是只移除模态框本身。回答它;你越精确,选择器就越好。
第 3 步 —— 看它检查页面
一旦它有了足够的依据,AI Helper 就会检查实时页面。你会看到对话里出现工具调用芯片 —— 每个芯片是模型采取的一个动作:
query_page—— 它针对页面运行一个 CSS 选择器,取回匹配的元素及其 HTML。这就是它找到真正模态框容器的方式。list_structure—— 它读取你现有的文件夹、分组和规则,所以它知道新规则该放在哪里,并避免重复你已有的东西。
模型收到当前页面上下文 —— URL、标题和一个 HTML 片段 —— 所以它不是在猜。它从一个宽泛的选择器收窄到容纳弹窗的具体容器。
第 4 步 —— 看到代码在 TEMP 窗口中被测试
这是让这件事值得信任的部分。AI Helper 不会把代码写进一条已保存的规则。它调用 open_temp_pane 打开一个 TEMP CSS 窗口 —— 就是你会亲手打开的那种标签页内开发者窗口 —— 然后用 set_temp_pane_code 把它提议的 CSS 放进去。你看着代码实时出现,页面实时反应:
/* 由 AI Helper 提议 —— 显示在一个 TEMP CSS 窗口中 */
.newsletter-modal,
.newsletter-modal__overlay {
display: none !important;
}
html, body {
overflow: auto !important;
}弹窗在你眼前消失。还没有任何东西被保存 —— 这是一个沙盒。如果选择器错了,你也会立即看到,你可以告诉 AI Helper「遮罩还在」或者「那把页脚也藏掉了」。它会重新检查并调整。
第 5 步 —— 验证它确实生效了
花点时间。如果你愿意,重新加载页面 —— TEMP 窗口对这个标签页持续存在。检查:
- 弹窗消失了;
- 页面滚动正常(弹窗常常锁定
body滚动); - 没有别的东西坏掉 —— 没有缺失的按钮,没有塌陷的布局。
如果有什么不对,继续对话。这种来回正是关键所在 —— 在规则永久化之前,你们一起在调它。
第 6 步 —— 确认,规则被创建
满意了吗?告诉 AI Helper 保存它。它会调用 create_rule —— 这就是一个单独的、明确的确认出现的地方。扩展会确切地向你展示它打算创建什么:规则名称、URL 模式(它会建议当前域名,例如 https://example.com/*)以及 CSS 主体。在你点击确认之前,没有任何东西被写进你的配置。
如果规则需要一个新文件夹或分组来容纳它,那些也是单独的确认 —— create_folder 和 create_group 各自独立询问。AI Helper 永远不能悄悄地重组你的配置。
第 7 步 —— 完成
点击确认,规则就成真了。它会像任何手工规则一样出现在你的文件夹/分组/规则层级中。重新加载站点:弹窗消失了,自动地,在未来的每一次访问中。你之后可以在普通编辑器里打开这条规则,微调 CSS、改 URL 模式或禁用它。
你实际做了什么
你用一句话描述了一个目标。AI Helper 检查了页面,找到了正确的选择器,在一个你能看到的窗口里证明它有效,并且只在你说「好」之后才保存了规则。整个循环大概花了两分钟 —— 而你从未写过一个选择器,也从未打开开发者工具。
另请参阅
- AI Helper 在保存前于 TEMP 窗口中测试 —— 为什么「先测试再确认」的模型很重要。
- AI Helper 如何检查页面 —— 更近距离地看页面检查工具。
- 智能体式工具调用工作流 —— 芯片背后那个最多 8 步的循环。
下载 JustZix —— 免费、无需账户、支持 Chrome 100+(也支持 Edge、Brave、Opera、Vivaldi)。添加一个 API 密钥,只需开口要,就能构建你的第一条规则。
为这篇文章评分
暂无评分 — 成为第一个。