Nanobrowser完整教程3条路线装好免费的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/nanobrowserNanobrowser 是一款开源的 AI 网页自动化 Chrome 扩展用多智能体协作帮你自动浏览、点击、提取网页信息全程免费、用你自己的 API Key。问题来了装完之后你的第一个自动化任务打算交给它做什么项目速览一个免费的 OpenAI Operator 替代品Nanobrowser 是什么一句话跑在你本地浏览器里的 AI 网页操作员。你说一句自然语言指令它内部的规划者拆解任务、导航员执行点击和输入自动帮你逛网页、找信息、填表格。它解决的核心痛点有三个价格商用 AI 浏览器代理动辄每月上百美元Nanobrowser 完全免费只花你自己的 API 费用隐私一切在你本地浏览器中运行账号密钥不经过任何第三方云服务可控代码全开源没有黑盒你还能给不同智能体分配不同模型来平衡效果与成本官方完整支持Chrome 和 Edge其他 Chromium 系浏览器Opera、Arc 等可能可用但不保证。选一条路线开始商店版、本地版还是源码版三条路线按省事程度排序先判断你是哪类用户只跟对应路线走你的情况推荐路线耗时只想马上用起来路线一商店一键安装1 分钟想体验最新功能路线二本地加载压缩包5 分钟想改代码、做开发路线三源码构建10 分钟路线一商店一键安装普通用户的最短路径在 Chrome Web Store 中搜索Nanobrowser打开项目页面点击添加到 Chrome确认安装点工具栏右侧的拼图图标把 Nanobrowser 固定到工具栏方便随时唤起⚠️ 注意商店版要经过审核流程版本可能滞后于最新代码。如果你发现某个新功能商店版里没有说明它还没过审切到路线二即可。路线二本地加载尝到最新版的快速方法适合等不及商店审核、想用最新发布包的用户从项目仓库的 Release 页面下载最新的nanobrowser.zip解压到固定目录比如文档/Nanobrowser在地址栏输入chrome://extensions/打开右上角的开发者模式开关点左上角的加载已解压的扩展程序选中刚解压的nanobrowser文件夹看到 Nanobrowser 卡片出现在列表里就成功了以后升级也是同样的循环下载新包、覆盖旧文件夹、回到扩展页点刷新图标。路线三源码构建开发者专属前提是装好Node.js v22.12.0和pnpm v9.15.1然后git clone https://gitcode.com/GitHub_Trending/na/nanobrowser cd nanobrowser pnpm install pnpm build构建产物在dist目录按路线二的加载已解压方式装进浏览器即可。日常开发用热重载pnpm dev改完代码自动刷新不用反复重装。想了解架构的话智能体核心逻辑在 chrome-extension/src/background/agent/多智能体分工Planner、Navigator的提示词模板在 chrome-extension/src/background/agent/prompts/。接通 AI 大脑配置密钥与智能体模型分配三条路线装完后的配置步骤完全相同点工具栏的 Nanobrowser 图标打开侧边栏点右上角的Settings设置图标在LLM Providers选项卡中添加 API 密钥——支持 OpenAI、Anthropic、Gemini、DeepSeek、Groq、Ollama、OpenRouter 等也兼容任意 OpenAI 格式的服务密钥填好后关键一步是给每个智能体指定模型。Nanobrowser 是双智能体架构角色推荐模型主要职责Planner规划者Claude Sonnet 4制定任务策略、拆解步骤、遇阻时自我纠正Navigator导航员Claude Haiku 3.5执行页面导航、点击、输入等具体操作想省钱可以换轻量组合Planner 用 GPT-4o 级别、Navigator 用 Gemini Flash / GPT-4o-mini效果会打点折扣但成本低很多。极致隐私用户则可用 Ollama 跑本地模型如 Qwen3-30B零 API 费用、数据不出机器但指令要写得具体清晰。这些配置项的读写逻辑可以在 packages/storage/lib/settings/llmProviders.ts 和 pages/options/src/components/ModelSettings.tsx 中查看改设置面板时直接看这两个文件最快。跑通第一个任务从一句指令到看到结果配置完成后用最小闭环验证整条链路是否通了打开任意信息密集的页面比如 GitHub Trending在侧边栏输入提取当前页面前 5 个项目的名称和简介发送然后旁观——你能实时看到 Planner 拆解任务、Navigator 逐个执行的动作流如果几秒内页面元素被高亮定位、任务完成后侧边栏给出整理好的结果恭喜整条流水线已经跑通。之后就可以上难度了让它汇总新闻网站的头条、调研某商品的规格价格、抓取列表页数据。任务完成后再追问细节它也支持带上下文的连续对话。遇到问题怎么办三个最高频卡点1. 扩展加载失败或图标不出现大概率是路径问题。确认加载的是解压后的nanobrowser文件夹而不是 zip 文件本身且文件夹里没有再套一层目录开发者模式开关一定要开着。然后重启浏览器重新加载一次。2. 智能体没有响应、侧边栏卡住按顺序排查API 密钥是否填对且账户有余额 → 网络能否正常访问对应服务 → 该模型名是否在所选服务商的支持列表里。三者都对上后仍无响应换一个服务商的密钥再试能快速定位是密钥问题还是配置问题。3. 任务执行到一半失败或跑偏先做减法把一句话指令拆成更具体的步骤比如找到登录按钮比帮我登录更容易成功。另外如果目标网站有访问限制验证码、反爬自动化本身就会被拦换个目标验证流程是否正常。对敏感操作不放心的话可以在设置里了解任务防火墙相关选项相关代码在 chrome-extension/src/background/services/guardrails/。下一步三条深入路径到这里你已经在本地浏览器里拥有了一个免费、可控、开源的 AI 网页操作员。接下来挑一条继续走深入原理阅读 chrome-extension/src/background/agent/agents/ 中 Planner 与 Navigator 的协作实现二次开发按路线三搭好开发环境用pnpm dev边改边看社区贡献参考 CONTRIBUTING.md 提交代码、反馈问题或分享你的提示词用法输出文章【免费下载链接】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创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 Nanobrowser完整教程：3条路线装好免费的AI网页自动化助手
Nanobrowser完整教程3条路线装好免费的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/nanobrowserNanobrowser 是一款开源的 AI 网页自动化 Chrome 扩展用多智能体协作帮你自动浏览、点击、提取网页信息全程免费、用你自己的 API Key。问题来了装完之后你的第一个自动化任务打算交给它做什么项目速览一个免费的 OpenAI Operator 替代品Nanobrowser 是什么一句话跑在你本地浏览器里的 AI 网页操作员。你说一句自然语言指令它内部的规划者拆解任务、导航员执行点击和输入自动帮你逛网页、找信息、填表格。它解决的核心痛点有三个价格商用 AI 浏览器代理动辄每月上百美元Nanobrowser 完全免费只花你自己的 API 费用隐私一切在你本地浏览器中运行账号密钥不经过任何第三方云服务可控代码全开源没有黑盒你还能给不同智能体分配不同模型来平衡效果与成本官方完整支持Chrome 和 Edge其他 Chromium 系浏览器Opera、Arc 等可能可用但不保证。选一条路线开始商店版、本地版还是源码版三条路线按省事程度排序先判断你是哪类用户只跟对应路线走你的情况推荐路线耗时只想马上用起来路线一商店一键安装1 分钟想体验最新功能路线二本地加载压缩包5 分钟想改代码、做开发路线三源码构建10 分钟路线一商店一键安装普通用户的最短路径在 Chrome Web Store 中搜索Nanobrowser打开项目页面点击添加到 Chrome确认安装点工具栏右侧的拼图图标把 Nanobrowser 固定到工具栏方便随时唤起⚠️ 注意商店版要经过审核流程版本可能滞后于最新代码。如果你发现某个新功能商店版里没有说明它还没过审切到路线二即可。路线二本地加载尝到最新版的快速方法适合等不及商店审核、想用最新发布包的用户从项目仓库的 Release 页面下载最新的nanobrowser.zip解压到固定目录比如文档/Nanobrowser在地址栏输入chrome://extensions/打开右上角的开发者模式开关点左上角的加载已解压的扩展程序选中刚解压的nanobrowser文件夹看到 Nanobrowser 卡片出现在列表里就成功了以后升级也是同样的循环下载新包、覆盖旧文件夹、回到扩展页点刷新图标。路线三源码构建开发者专属前提是装好Node.js v22.12.0和pnpm v9.15.1然后git clone https://gitcode.com/GitHub_Trending/na/nanobrowser cd nanobrowser pnpm install pnpm build构建产物在dist目录按路线二的加载已解压方式装进浏览器即可。日常开发用热重载pnpm dev改完代码自动刷新不用反复重装。想了解架构的话智能体核心逻辑在 chrome-extension/src/background/agent/多智能体分工Planner、Navigator的提示词模板在 chrome-extension/src/background/agent/prompts/。接通 AI 大脑配置密钥与智能体模型分配三条路线装完后的配置步骤完全相同点工具栏的 Nanobrowser 图标打开侧边栏点右上角的Settings设置图标在LLM Providers选项卡中添加 API 密钥——支持 OpenAI、Anthropic、Gemini、DeepSeek、Groq、Ollama、OpenRouter 等也兼容任意 OpenAI 格式的服务密钥填好后关键一步是给每个智能体指定模型。Nanobrowser 是双智能体架构角色推荐模型主要职责Planner规划者Claude Sonnet 4制定任务策略、拆解步骤、遇阻时自我纠正Navigator导航员Claude Haiku 3.5执行页面导航、点击、输入等具体操作想省钱可以换轻量组合Planner 用 GPT-4o 级别、Navigator 用 Gemini Flash / GPT-4o-mini效果会打点折扣但成本低很多。极致隐私用户则可用 Ollama 跑本地模型如 Qwen3-30B零 API 费用、数据不出机器但指令要写得具体清晰。这些配置项的读写逻辑可以在 packages/storage/lib/settings/llmProviders.ts 和 pages/options/src/components/ModelSettings.tsx 中查看改设置面板时直接看这两个文件最快。跑通第一个任务从一句指令到看到结果配置完成后用最小闭环验证整条链路是否通了打开任意信息密集的页面比如 GitHub Trending在侧边栏输入提取当前页面前 5 个项目的名称和简介发送然后旁观——你能实时看到 Planner 拆解任务、Navigator 逐个执行的动作流如果几秒内页面元素被高亮定位、任务完成后侧边栏给出整理好的结果恭喜整条流水线已经跑通。之后就可以上难度了让它汇总新闻网站的头条、调研某商品的规格价格、抓取列表页数据。任务完成后再追问细节它也支持带上下文的连续对话。遇到问题怎么办三个最高频卡点1. 扩展加载失败或图标不出现大概率是路径问题。确认加载的是解压后的nanobrowser文件夹而不是 zip 文件本身且文件夹里没有再套一层目录开发者模式开关一定要开着。然后重启浏览器重新加载一次。2. 智能体没有响应、侧边栏卡住按顺序排查API 密钥是否填对且账户有余额 → 网络能否正常访问对应服务 → 该模型名是否在所选服务商的支持列表里。三者都对上后仍无响应换一个服务商的密钥再试能快速定位是密钥问题还是配置问题。3. 任务执行到一半失败或跑偏先做减法把一句话指令拆成更具体的步骤比如找到登录按钮比帮我登录更容易成功。另外如果目标网站有访问限制验证码、反爬自动化本身就会被拦换个目标验证流程是否正常。对敏感操作不放心的话可以在设置里了解任务防火墙相关选项相关代码在 chrome-extension/src/background/services/guardrails/。下一步三条深入路径到这里你已经在本地浏览器里拥有了一个免费、可控、开源的 AI 网页操作员。接下来挑一条继续走深入原理阅读 chrome-extension/src/background/agent/agents/ 中 Planner 与 Navigator 的协作实现二次开发按路线三搭好开发环境用pnpm dev边改边看社区贡献参考 CONTRIBUTING.md 提交代码、反馈问题或分享你的提示词用法输出文章【免费下载链接】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创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考