企业官网建设流程全解析

如何快速跑通浏览器AI自动化助手：Nanobrowser 3 步安装完整指南

【免费下载链接】nanobrowserOpen-Source Chrome extension for AI-powered web automation. Run multi-agent workflows using your own LLM API key. Alternative to OpenAI Operator.项目地址: https://gitcode.com/GitHub_Trending/na/nanobrowser

Nanobrowser 是一款开源浏览器自动化工具，以 Chrome 扩展形式运行，是一个 AI 网页助手：装好后输入一句指令，即可自动完成页面信息提取，从安装到跑通首个任务约 10 分钟。它由 Planner 与 Navigator 两个 AI 智能体协作，全程在本地浏览器中执行，只需自备一个 LLM API Key。

🏪 Chrome 商店 3 步装好：Nanobrowser 快速上手

最短路径是从 Chrome Web Store 安装稳定版，这也是最常规的 Chrome 扩展安装教程路线，全程无命令行：

1. 打开 Chrome 网上应用店，在搜索框输入 "Nanobrowser"
2. 点击「添加至 Chrome」，确认安装提示
3. 点击工具栏右侧的「拼图」图标，将 Nanobrowser 图标固定到工具栏

商店版经过审核，发布节奏可能略慢于代码仓库。想体验最新功能，可走下面两个可选分支。

开发者模式加载扩展：手动安装最新版本

1. 从项目 release 页下载最新的 nanobrowser.zip 压缩包，解压到一个容易找到的文件夹
2. 在地址栏输入chrome://extensions/，打开右上角的「开发者模式」
3. 点击「加载已解压的扩展程序」，选中解压后的文件夹

加载完成后图标即出现在工具栏，后续配置与商店版完全一致。升级时重新解压替换文件夹，再在扩展卡片上点击刷新图标即可。

从源码构建扩展：开发者专属路线

需要 Node.js v22.12.0+ 和 pnpm v9.15.1+：

git clone https://gitcode.com/GitHub_Trending/na/nanobrowser

pnpm install

pnpm build

产物位于 dist 目录，加载方式同上面的开发者模式。开发期用pnpm dev可开启热重载，便于修改代码，贡献流程见 CONTRIBUTING.md。

🧠 给 AI 助手配大脑：配置 API 密钥与模型分配

Nanobrowser 不自带模型，需要在设置中接入 LLM 服务，这也是浏览器自动化工具配置里仅有的两件事：填密钥、选模型。

1. 点击工具栏图标打开侧边栏，点击右上角的设置图标
2. 在 LLM Providers 选项卡中，添加所需服务的 API Key
3. 内置支持 OpenAI、Anthropic、Gemini、Groq、Ollama 等，兼容任意 OpenAI 格式的服务

给规划者和导航员分配不同模型

多智能体浏览器自动化里有两个核心角色，建议按下表分工：

让推理能力更强的模型负责规划、轻量快速的模型负责导航，是质量与成本兼顾的组合。预算敏感时，Planner 可换 GPT-4o、Navigator 换 Gemini 2.5 Flash；也可以通过 Ollama 接入本地模型，API 成本为零。

✅ 跑通第一个任务：一句指令体验自动化执行

1. 打开任意网页，例如 GitHub Trending 页面
2. 在侧边栏输入「提取当前页面前 5 个项目的信息」并发送
3. 观察执行过程：Planner 先列出步骤，Navigator 随后滚动页面、读取内容，结果汇总回侧边栏

整个过程无需手动点击页面上的任何按钮。任务完成后可直接追问上下文问题，历史记录在侧边栏中随时可查。

🔧 排障速查：扩展不听话时的 3 个高频问题

• 扩展加载失败：→ 确认已开启开发者模式、解压文件夹完整，重启浏览器后重新加载
• 智能体无响应：→ 核对 API Key 是否正确、网络是否通畅、所选模型是否可用
• 任务执行到一半失败：→ 把指令拆小、任务说得更具体，检查目标网站是否有访问或登录限制

📌 装好之后：立即试试这个任务

下一步可以直接跑一个更长的流程：在侧边栏输入「访问 TechCrunch 并提取最近 24 小时的 10 条头条新闻」，观察 Planner 如何拆解任务、Navigator 如何逐步执行、遇到障碍时如何调整路线。想查看更多任务示例，可浏览 README.md 中的 See It In Action 部分。

【免费下载链接】nanobrowserOpen-Source Chrome extension for AI-powered web automation. Run multi-agent workflows using your own LLM API key. Alternative to OpenAI Operator.项目地址: https://gitcode.com/GitHub_Trending/na/nanobrowser