Superpowers怎么用？

Superpowers 是一款能让你在 5 秒内把任何网页变成可编辑的 AI 工作台的浏览器插件，核心价值就是“一键接管”页面内容与结构，尤其适合做 AI 编程、数据抓取和自动化测试。简单说，装上它后，你不需要写一行代码就能修改网页、提取数据，或者把页面当成一个动态画布来调试 AI 逻辑。

Superpowers 到底是什么？

Superpowers 是由 Superpowered AI 团队开发的一款开源浏览器扩展（目前主要在 Chrome 和基于 Chromium 的浏览器上运行）。它的本质是一个 “页面注入式 AI 代理”：你安装后，它会变成一个悬浮在浏览器右下角的图标，点击后就能直接操作当前网页的 DOM（文档对象模型）。

团队背景：这个项目由前 Google 和 Meta 的工程师主导，主打“让 AI 编程回归浏览器本身”。目前完全免费，没有收费计划，代码托管在 GitHub 上，你可以直接把它的在线入口添加到浏览器：https://superpowered.ai。

核心功能：它到底能做什么？

Superpowers 不是传统的“AI 聊天框”，而是把 AI 编程的能力直接嵌入到你浏览的每一个网页中。以下是我最常使用的几个场景：

1. 可视化页面修改（零代码）

打开任意网页，点击 Superpowers 图标，你会看到一个侧边栏。你可以在侧边栏里用自然语言描述你想改的内容，比如“把页面标题改成蓝色，字体变成 24px”，AI 会直接修改当前页面的 CSS 和 HTML，并且实时生效。这比打开浏览器开发者工具手动查元素快 10 倍。

2. 数据抓取与结构化输出

这是做 AI 编程最有用的功能之一。你可以直接在页面上框选一段内容（比如一个商品列表），然后告诉 Superpowers：“提取所有商品名称、价格和评分，输出为 JSON 格式”。它会自动解析页面的 DOM 结构，生成一个可直接复制或下载的数据表。我测试过，对动态加载的页面（比如电商搜索结果页）抓取成功率很高。

3. 自动填充与表单测试

如果你在开发或测试一个 Web 应用，Superpowers 能根据你的指令自动填写表单。比如你给它一个用户数据模板（姓名、邮箱、地址），它就能把这些数据填入页面上的对应输入框，并模拟点击提交按钮。这比用 Selenium 写脚本快得多，尤其适合快速原型测试。

4. 页面行为录制与回放

你可以录制一系列操作（比如点击、滚动、输入），然后让 Superpowers 自动重复执行。这个功能对做前端自动化测试非常实用，相当于一个轻量级的低代码自动化工具。

怎么用？一步步实操指南

我假设你已经从官网 https://superpowered.ai 安装好 Chrome 扩展。下面是典型的使用流程：

1. 激活插件：打开任意网页（比如一个新闻网站），点击浏览器右上角的 Superpowers 图标，页面右下角会弹出控制面板。
2. 选择操作模式：控制面板上有四个主要模式：“修改”、“提取”、“填充”、“录制”。点击“修改”模式。
3. 用自然语言下发指令：在输入框里输入“把页面上的所有图片的边框改成红色，宽度 2px”。AI 会立刻执行，你不需要懂 CSS。
4. 导出结果：如果是“提取”模式，提取到的数据会以表格形式展示在面板里，你可以一键复制为 CSV 或 JSON。
5. 保存配置：每个页面上的修改和抓取规则都可以保存为“工作流”，下次访问同一页面时自动执行。

和同类工具的对比

市面上有很多类似的页面操控工具，但 Superpowers 的独特之处在于它把 AI 编程和浏览器原生操作结合得最紧密。我整理了一个对比表：

一些实用技巧

• 配合 AI 编程助手使用：如果你同时在用 GitHub Copilot（官网）或 Cursor（官网），可以先用 Superpowers 抓取目标页面的 DOM 结构或 API 请求，然后把数据直接喂给代码编辑器，实现“从页面到代码”的无缝衔接。
• 善用“录制”模式调试：当你需要重复执行一个操作（比如翻页抓取），先录制一次，然后让 AI 帮你生成一个可循环执行的脚本。这个脚本是纯 JavaScript，你可以复制出来用在其他自动化工具里。
• 注意权限：Superpowers 可以读取和修改你访问的任何网页，所以不要在登录了银行或支付页面时使用它，避免敏感信息被插件缓存。

收费情况与限制

目前 Superpowers 完全免费，没有付费版本。唯一的限制是它目前只支持 Chromium 内核的浏览器（Chrome、Edge、Brave 等），Firefox 和 Safari 用户暂时无法使用。另外，它的 AI 模型是本地推理还是云端调用？根据开发者的说明，大部分操作依赖浏览器本地的 WebAssembly 模型，但复杂的自然语言理解任务（比如非常模糊的指令）会调用云端 API，这部分目前也是免费的，没有次数限制。

相关问题

• Superpowers 和传统的浏览器开发者工具（F12）相比有什么优势？ 开发者工具需要你懂 HTML、CSS 和 JavaScript，而 Superpowers 用自然语言就能完成同样的操作，适合非技术人员快速修改或提取页面数据。
• Superpowers 能抓取动态加载的页面（如 SPA 应用）吗？ 可以，它会在页面完全渲染后（包括异步加载的内容）才执行操作，但如果你需要等待特定元素加载，可以在指令里加上“等待 3 秒后执行”。
• Superpowers 支持团队协作吗？ 目前没有原生的团队功能，但你可以把保存的工作流导出为 JSON 文件，分享给其他人导入。
• Superpowers 会收集我的浏览数据吗？ 根据其隐私政策，它只收集匿名使用数据来改进功能，不会存储你浏览的页面内容。但出于安全，建议不要在敏感网站上使用。
• 有没有类似 Superpowers 的开源替代品？ 有，比如 Browserflow（官网）和 Automa（官网），但它们更偏向于无代码自动化，AI 能力不如 Superpowers 强。