认识 AI Helper —— 内置于 JustZix 的 AI 助手
JustZix 一直专注于一件事:无需打开开发者工具就能改变页面的外观和行为。今天我们为这项工作增添了一位伙伴 —— AI Helper,一个驻留在页面内、与你一起阅读页面、并帮你写出修复它的 CSS 和 JS 的 AI 助手。
AI Helper 是什么
AI Helper 是一个浮动窗口 —— 就是你在 CSS 和 JS 面板中已经熟悉的那种 TEMP 风格窗口。它渲染在当前页面内部,每个标签页一个实例,你可以随时拖动、调整大小和关闭它。窗口内部是一个聊天界面:你输入,模型回答,对话像任何其他聊天工具一样累积起来。
它与另一个标签页里通用聊天机器人的不同之处在于,这个助手是在页面里的。它知道你在哪里。它能查看 DOM。它还能把代码直接放进 TEMP 面板,让你在真实站点上实时看到结果,无需复制粘贴任何东西。
如何打开它
三种方式,选一个顺手的:
- 键盘:在任意页面按
Ctrl+Alt+\。 - 弹出小部件:点击 JustZix 图标,然后点 AI Helper 按钮。
- 右键菜单:右键点击页面,从 Chrome 菜单中选择 AI Helper。
窗口会在你上次留下它的位置打开。用角上的 X 关闭它 —— 每个标签页只有一个实例,所以你永远不会得到五个叠在一起的窗口。
自带你的 API 密钥
JustZix 不托管模型,也不转售 token。你从一个自己已经信任的提供商那里带来自己的密钥。AI Helper 支持三家:
| 提供商 | 密钥来源 |
|---|---|
| OpenAI | platform.openai.com |
| Anthropic | console.anthropic.com |
| Gemini | Google AI Studio |
你在设置 → AI Helper 中粘贴一次密钥,选择一个默认提供商,并挑选一个模型。模型列表是从提供商实时获取的,所以你看到的始终是你的账户实际可用的内容 —— 而且选择器默认选中排在最前的模型。如果你保存了不止一个密钥,可以直接在聊天窗口里切换提供商。完整的操作演示在设置指南中。
聊天窗口
你需要的一切都在一个面板里:
- 对话历史 —— 你的消息和模型回复的连续记录。
- 清除对话 —— 切换任务时清空记录,重新开始。
- 提供商和模型选择器 —— 在对话中途切换引擎,无需离开页面。
它看起来像聊天,因为它就是。新东西在于模型能看到什么、能做什么。
它已经了解页面
每次你发送消息,AI Helper 都会自动附上当前页面上下文 —— URL、页面标题以及页面的一个 HTML 片段。你不需要粘贴任何东西。所以你不必描述「有一个粘性页头遮住了内容」,只需说「修复粘性页头」,模型就已经有了具体的内容可以处理。
当它需要更多细节时,可以按需索取 —— 见页面检查工具这篇文章。
它能做真正的工作,不只是说话
AI Helper 不只是一个代码生成器。它运行一个智能体式工作流:模型可以调用工具、检查页面、打开 TEMP CSS/JS 窗口、把代码放进去,并且 —— 只在你明确确认的情况下 —— 把文件夹、分组或规则保存进你的 JustZix 库。
一个典型的会话是这样的:
你: 隐藏这个站点上的订阅弹窗。
AI: [query_page] 检查弹窗容器
AI: [open_temp_pane] + [set_temp_pane_code] 放入测试 CSS
AI: 「看看页面 —— 弹窗消失了吗?要我保存吗?」
你: 好,保存它。
AI: [create_rule](请求一次明确确认)每次工具调用都会在窗口里显示为一个「芯片」,所以你始终能看到模型动了什么。这个循环每轮最多运行 8 步。完整剖析在工具调用深度解析中。
你的密钥保持私密
API 调用通过扩展的后台服务工作线程进行,绝不经过页面自己的 JavaScript。这意味着你的密钥永远不会到达页面上下文,而且请求会绕过页面的内容安全策略。密钥保存在 chrome.storage.local 中,每个密钥都有一个可选的同步复选框(默认关闭)。隐私模型在密钥与隐私这篇文章中得到了诚实的说明。
这适合谁
如果你已经会写自己的 CSS,AI Helper 是一种更快的方式,用来针对顽固的站点起草和测试选择器。如果你完全不写 CSS,它则是一种用通俗语言描述需求、最终得到一条可用规则的方式。无论哪种方式,没有你点击确认,什么都不会被保存。
另请参阅
AI Helper 已包含在 JustZix 的当前版本中 —— 免费、无需账户、支持 Chrome 100+ 及 Chromium 系浏览器。下载扩展,添加一个密钥,在任意页面按 Ctrl+Alt+\ 来认识你的新助手。
为这篇文章评分
暂无评分 — 成为第一个。