🤖 AI 跟我学 新手入门

Kimi WebBridge 是什么？浏览器插件用法详解

Kimi WebBridge 是 Kimi 出的浏览器扩展，让 AI Agent 在本地 Chrome/Edge 里看页面、点按钮、填表单。本文讲清原理、安装步骤和 6 个实用场景

发布 2026/05/20

30 秒了解：WebBridge 到底解决什么问题

Kimi WebBridge 是月之暗面出的浏览器扩展，把你电脑上已经登录好的 Chrome / Edge 「借给」AI Agent 用。AI 能看页面、点按钮、填表单、读取文字、截图，所有操作都在你本机完成，数据不离开浏览器。

它解决的核心痛点是：让 AI 真的能上网做事，又不用你把账号密码交给云端 AI。

传统做法有两种，都有问题：

  • AI 自己开无头浏览器：要重新登录所有账号，遇到验证码就卡死
  • AI 通过 API 调网站：很多网站不开放 API，或者要付费

WebBridge 是第三条路：你浏览器里已经登录的状态直接被 AI 复用——查你的飞书任务、读你的邮箱、看你的淘宝订单、爬一个登录后才能看的页面，都行。

Chrome 商店搜「Kimi WebBridge」就能装，也兼容 Kimi Code、Claude Code、Cursor、Codex 等多种 AI Agent。

准备工作

开始前需要：

  1. Chrome 或 Edge 浏览器（最新版本最稳）
  2. 一个 Kimi 账号（Kimi 怎么注册）
  3. 如果想配合 AI Agent 调用：还要装 Kimi Desktop App 或 Kimi Code CLI 等支持的客户端
  4. 一点关于「Agent 是什么」的基本认知（可以先读 AI Agent 是什么）

兼容性说明：

  • 支持的浏览器：Chrome、Edge（基于 Chromium 的都行，Brave / Arc 多数能用）
  • 不支持：Safari、Firefox
  • 支持的 AI 客户端：Kimi Desktop App / Kimi Code CLI / Claude Code / Cursor / Codex / Hermes 等（具体清单以官网为准，列表在扩）

详细操作步骤

第 1 步：装浏览器扩展

打开 Chrome Web Store，搜「Kimi WebBridge」（注意区分 Kimi 浏览器助手——那是另一个产品，对话用的）。点 「添加到 Chrome」 装上。

[此处放截图：Chrome Web Store 里 Kimi WebBridge 的扩展页]

装完把它固定到工具栏（点扩展图标 → 钉住 Kimi WebBridge），后面要看状态会方便很多。

第 2 步：装本地代理服务

WebBridge 不只是浏览器扩展——它还有一个本地小服务，跑在你电脑上做扩展和 AI Agent 之间的桥。两种装法：

方式 A：通过 Kimi Desktop App 装（最简单）

下载 Kimi Desktop（mac / Windows 都有），打开后左侧栏找 Kimi Claw → 添加新 Claw → 选 「On my computer」 → 选 WebBridge → 一键部署。

方式 B：手动装本地服务

按官方文档跑一行 shell 命令装。命令以 kimi.com/help/kimi-webbridge 为准（会随版本更新）。

[此处放截图：Kimi Desktop 里 Claw 部署面板]

第 3 步：把扩展跟本地服务配对

回到浏览器，点工具栏的 WebBridge 图标。第一次打开会看到 「Pair with local agent」 按钮。点一下，扩展会自动找本地服务，配对成功后图标变绿。

[此处放截图：扩展弹窗里配对成功的状态]

如果配对失败，常见原因：

  • 本地服务没启动 —— 回 Kimi Desktop 看服务状态
  • 端口被占 —— 看服务日志里有没有端口冲突
  • 防火墙拦截 —— 暂时关防火墙试一下

第 4 步：让 AI Agent 调用浏览器

配对好之后，AI Agent 就能通过 WebBridge 操作你的浏览器了。具体怎么调用看你用哪个 Agent：

Kimi Desktop App 里：直接对话就行，AI 会自动判断什么时候需要浏览器。

Kimi Code CLI 里：把 WebBridge 当一个工具暴露给 CLI，让它在写代码时自己去查文档：

请去 React 官网查 useEffect 的最新 API 签名，然后帮我重构这段代码。

Claude Code / Cursor 里：通过 MCP（Model Context Protocol）连 WebBridge。配置方法看官方对应 Agent 的文档。

第 5 步：第一次跑一个简单任务

打开任何支持的 AI 客户端，试一段最小任务：

打开我已经登录的飞书页面，看看今天我有几个待办任务，列个清单给我。

AI 会通过 WebBridge 打开飞书（用你本来就登录的状态）、读页面、回传待办列表。整个过程你能在浏览器里看到光标实际在动——这是 WebBridge 的迷人之处。

[此处放截图：AI 操作浏览器的实时画面]

6 个高价值用法

用法 1：跨网站找信息再整合

AI 同时打开 5 个标签页，每个看一段，最后总结一份给你：

帮我对比 OpenAI / Anthropic / Google / xAI / Mistral 这 5 家公司在 [模型名] 上的最新定价，去他们官网查，整理一张表格。

比手动开 5 个浏览器标签来回切，省 20 分钟。

用法 2：登录后才能看的页面也能读

不用每次让 AI 重新登录：

去我的淘宝订单页（已登录），统计过去 30 天的消费总额，按类目分组。

涉及隐私数据时记得确认 AI 客户端的数据政策——WebBridge 不上传数据，但 AI 模型本身会接收页面文本作为上下文。

用法 3：表单自动填写

跑批量录入任务：

我有一份 50 行的客户线索 Excel（已上传），帮我打开 CRM 系统的新建客户页，按 Excel 行依次填写并提交，每次提交后截图存档。

[此处放截图：批量填表的进度面板]

用法 4：网页内容批量截图

做竞品调研或保存证据：

打开这 10 个 URL（已贴），每个截 1 张完整长图，命名为「序号_域名_日期.png」存到我桌面。

用法 5：动态网页爬取

很多 SPA 网站普通爬虫抓不到（要 JS 渲染才能看到内容），WebBridge 直接用真实浏览器渲染：

去这家电商网站搜「无线耳机」，把前 3 页所有商品的价格、销量、店铺名抓下来存成 CSV。

用法 6：日常重复操作脚本化

固定流程让 AI 跑：

每天下班前帮我做：① 打开飞书复制今日完成事项 → ② 切到 Notion 日报模板 → ③ 粘贴到对应栏目 → ④ 保存。

省下来的不止时间，还有那种「下班前的烦躁感」。

常见坑 + 解决办法

现象原因解决
配对一直失败本地服务没启动 / 端口冲突重启 Kimi Desktop，检查端口
AI 操作页面没反应页面没完全加载prompt 里加「等页面加载完再操作」
验证码弹出卡住AI 自己过不了人机验证暂停 AI，人工过验证码，再让 AI 继续
操作错了元素页面有多个相似按钮prompt 写明位置（如「右上角的登录按钮」）
浏览器突然卡AI 同时开太多标签任务前限定「最多同时开 3 个标签」
隐私敏感页被读AI 默认会读可见文字提前关掉敏感标签 / 用单独窗口跑
扩展自己跳更新Chrome 自动更新装完关 Chrome 自动更新（或定期重配对）

一个实战案例：让 WebBridge 帮你做晨间情报简报

设想：每天 8 点你想要一份简报，包括「我关注的 3 家公司有没有发新闻 + 我邮箱里的紧急未读 + 今日日程」。手动做要 15 分钟，用 WebBridge + AI Agent 跑下面 prompt：

📋 Prompt 模板 
晨间简报任务。请按顺序：
    

  1. 打开公司官网 [URL 1] [URL 2] [URL 3]，找今天（如果今天没有就找最近一周）的新闻 / 公告，每家最多 2 条，用一句话总结
    2. 

  2. 切到 Gmail（已登录），列出标记为重要但未读的邮件标题 + 发件人 + 一句话摘要，最多 5 条
    3. 

  3. 切到 Google Calendar（已登录），列出今天所有日程，时间 + 标题 + 参会人
    4. 

  4. 把以上信息整理成一份 markdown 简报，结构：

    公司动态
    

      

    • …
      • 

    

    紧急邮件
    

      

    • …
      • 

    

    今日日程
    

      

    • …
      • 

    

    5. 

  5. 把结果保存为 morning-brief-{今天日期}.md 到我桌面
    6. 

整个过程不要做我没让你做的事（比如回复邮件、改日程）。如果哪一步失败，先跳过继续后面，最后告诉我哪步失败了。

第一次跑大概 3-5 分钟。跑稳了之后，把这段 prompt 存进你的 Kimi 常用短语 里，每天直接「跑晨间简报」就行。

WebBridge vs 其他浏览器自动化方案

方案优势劣势
Kimi WebBridge复用已登录状态、本地运行、多 Agent 兼容需要装本地服务
Playwright / Puppeteer程序员可控、生产级要写代码、要重新登录
Selenium IDE录制即用、零代码自然语言能力差
浏览器商店里的 RPA 插件拖拽配置跑长任务不稳
云端无头浏览器无本地依赖登录态难复用、有合规风险

如果你已经在用 AI Agent（Kimi Code / Claude Code / Cursor / Codex），WebBridge 是给它们加上浏览器手脚最自然的方式。

安全 & 隐私须知

WebBridge 设计上是「本地优先」：

  • ✅ 浏览器扩展和本地服务都跑在你电脑上
  • ✅ AI 调用只走本地端口，不直接联网
  • ✅ 你能随时关掉扩展或停掉本地服务
  • ⚠️ 但 AI 模型仍会接收页面文本作为上下文——如果用云端 AI（如 Kimi 在线模型），数据会到模型方
  • ⚠️ 涉密 / 涉敏数据建议用纯本地模型 + 单独浏览器配置文件跑

公司用 WebBridge 之前先过一遍 IT 安全策略，重点确认两件事：① 本地服务能不能装；② 调用的 AI 模型是不是允许接收业务数据。

进阶 / 下一步

常见问题

Q：WebBridge 和 Kimi 浏览器助手是同一个吗？

不是。「Kimi 浏览器助手」是用来在网页上唤起 Kimi 对话的，按 ⌘/Alt + K 就出对话框。WebBridge 是给 AI Agent 操作浏览器用的，两个产品方向完全不同。可以同时装。

Q：装 WebBridge 会拖慢浏览器吗？

正常用基本无感。只有在 AI 实际调用时本地服务会跑起来，平时几乎零开销。

Q：能在多个浏览器配置文件之间切换吗？

能。你给某个 Profile 配好 WebBridge，AI 就用那个 Profile 的登录态。建议给 AI 单独建一个 Profile，避免和你日常浏览混。

Q：支持手机吗？

不支持。WebBridge 只能装在桌面浏览器（Chrome / Edge）上。

Q：跟 Browser Use、Browserbase 等竞品的区别？

核心区别还是「复用本地登录态」和「多 Agent 兼容」。Browser Use 偏开源代码方案，Browserbase 偏云端无头浏览器。WebBridge 在「不会写代码也能用 + 复用真实浏览器」这两个点上最有优势。

Q：免费可以用吗？

WebBridge 扩展本身免费。但你调用的 AI 模型本身可能收费（如 Kimi Pro 套餐）。看 Kimi 收费吗 了解会员体系。