企业官网建设流程全解析

3 步装好 Nanobrowser：免费的 AI 浏览器自动化助手完整上手指南

【免费下载链接】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 就是来替你做这些事的——它是一款开源的 AI 浏览器自动化 Chrome 扩展，你把要干的活用一句自然话说清楚，它就在当前浏览器里自动帮你点、帮你读、帮你整理。整个过程不收取订阅费，用的是你自己的 API Key，账号和密码都留在本地，不上传任何云服务。换句话说：省下的不只是时间，还有一份对自己数据的掌控权。

先看清它能做什么

在你决定安装之前，先把"这个扩展到底帮我干什么"讲明白，避免装完不知道从哪下手。

• 多智能体协作：背后由"规划者（Planner）"和"导航员（Navigator）"两个角色分工配合。规划者负责拆解任务、决定下一步做什么；导航员负责在真实网页里点击、滚动、读取内容，遇到卡住时还会回头调整策略。
• 一句指令驱动：你在侧边栏里用大白话描述目标，它自己决定要不要开新页面、点哪里、抓什么，你不用盯着每一步。
• 可追问、有历史：任务跑完后，你可以接着追问"那第 3 条链接打开看看"，所有对话还能保存在历史里随时回看。
• 模型随便换：不同智能体可以挂不同的模型，既能追性能，也能压成本，甚至接本地模型跑在 Ollama 上实现零 API 花费。

上手前，把这几样准备好

不管走哪条安装路线，先把下面这份清单对一遍，能省掉后续一半的折腾。

小提示：如果你想把模型跑在本地（完全隐私、零 API 成本），再准备一个 Ollama 即可，这属于进阶玩法，第一次上手可以先不碰。

按你的身份挑一条路装好

三条路线互不冲突，普通用户停在第一条就够了，想尝鲜再往下走。

路线一：普通用户（最省事）

1. 打开 Chrome Web Store，搜索 Nanobrowser。
2. 点"添加至 Chrome"，在弹出的确认框里点确认。
3. 装完点工具栏右上角的拼图图标，找到 Nanobrowser 并点固定，图标就常驻工具栏了。

注意：商店版要过审核，偶尔会落后于最新功能。若想要"刚发布"的能力，走路线二。

路线二：进阶用户（用最新正式版）

1. 从官方发布页下载最新的nanobrowser.zip并解压到一个固定文件夹（比如桌面）。
2. 地址栏输入chrome://extensions/，打开右上角的"开发者模式"。
3. 点"加载已解压的扩展程序"，选中刚解压出来的 nanobrowser 文件夹。
4. 图标出现在工具栏即加载成功。以后升级时，下载新包替换旧文件，再回到扩展页点该扩展的刷新图标即可。

路线三：开发者（从源码构建并热重载调试）

先看 源码目录 了解结构，再在仓库根目录依次执行：

git clone https://gitcode.com/GitHub_Trending/na/nanobrowser cd nanobrowser pnpm install pnpm build

构建完成后，扩展产物在dist目录，按路线二的"加载已解压"方式引入。想边改边看效果，就用热重载：

pnpm dev

只配两处，就能跑起来

别被"多智能体、多模型"吓到——第一次用，真正要动的只有两处，都在设置页里。打开方式：点工具栏 Nanobrowser 图标 → 侧边栏右上角的设置图标。

第一处：填 API Key（配"配什么、在哪配"）

在"LLM Providers"里，挑你手头有的那家服务（OpenAI、Anthropic、Gemini 等），把 Key 填进去保存。为什么要配：这是整个扩展的"大脑电源"，没有它智能体就动不了。只填一个就能用。

第二处：给两个角色各选一个模型（"为什么配"）

两个角色分工不同，模型可以不一样，这里决定"聪明程度"和"花钱速度"：

第一次直接用"想更强"那列的组合，效果最稳；等熟悉了再压成本。省钱组合对复杂任务可能要多跑几轮，属正常现象。

一次完整实战：让它帮你汇总新闻

下面这条指令能从头跑到尾，正好覆盖"打开页面 → 读取内容 → 整理输出"全流程。

1. 打开任意一个新闻网站（或电商平台）的首页，停在当前标签页。
2. 点工具栏 Nanobrowser 图标，唤出侧边栏。
3. 在输入框里输入一句清晰的目标，例如：提取当前页面最新 5 条新闻的标题，并各用一句话总结
4. 点发送。你会看到智能体开始自动浏览、定位内容，侧边栏实时滚动显示它的进展。
5. 任务完成后，结果直接出现在对话里；不满意可以继续追问，比如"把第 2 条点开，告诉我更多细节"。

经验之谈：指令越具体，结果越稳。与其说"帮我看看新闻"，不如说清"看哪一页、取几条、怎么总结"。复杂任务可以拆成几步分着说。

遇到卡壳，对号入座

跑不顺畅时，先按"现象 → 原因 → 对策"快速定位，别急着卸载。

现象：扩展图标不显示 / 加载失败原因：开发者模式没开，或解压后的文件不完整。 对策：确认chrome://extensions/右上角开关已点亮；重新下载解压一份完整文件，再点刷新图标重试。

现象：智能体迟迟没反应，或报鉴权错误原因：API Key 填错、失效，或 Key 与所选服务商对不上。 对策：回到设置页核对 Key 是否有效、是否选对了服务商；换一个可用的 Key 再试，并确认网络能正常访问该服务。

现象：任务中途失败或反复卡在某一步原因：目标网站有访问限制 / 反爬，或任务描述太含糊。 对策：换一句更明确、更短的指令；把大任务拆小分步给；必要时换一个推理能力更强的规划者模型。

更多使用技巧与社区验证过的本地模型推荐，可参考 CONTRIBUTING.md 与项目说明文档。

下一步可以玩什么

基础跑通之后，几条路都开着：

• 接本地模型：用 Ollama 跑 Qwen3、Falcon3、Mistral Small 等，零 API 费用且数据不出本机（注意本地模型需要更具体、更干净的提示词）。
• 练追问与历史：用上下文追问深挖一个任务，或翻历史会话复用之前的工作。
• 参与共建：把你的提示词、使用场景、发现的坑分享到社区讨论里，或按 贡献指南 提交代码。

现在就点一下工具栏里那个 Nanobrowser 图标，把你今天最烦的一项重复操作丢给它试试——第一次让它替你跑完，你就回不去了。

【免费下载链接】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