Nanobrowser 快速教程:三步让 AI 替你操作浏览器

发布时间:2026/9/12 17:26:04
Nanobrowser 快速教程:三步让 AI 替你操作浏览器 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/nanobrowserNanobrowser 是一款免费开源的 AI 浏览器自动化工具以 Chrome/Edge 扩展形式运行内置 Planner 与 Navigator 多智能体系统你用一句自然语言下达指令它替你在页面上点击、翻页、抓取数据。全程只需自备 LLM API 密钥。下文不铺垫先把第一个任务跑起来。1. 跑通第一个自动化任务在 Chrome Web Store 搜索 Nanobrowser点Add to Chrome安装后把图标固定到工具栏。接下来两分钟完成最小配置点击工具栏的 Nanobrowser 图标右侧侧边栏打开点右上角的设置按钮进入 LLM Providers 选项卡填入任一密钥OpenAI、Anthropic、Google Gemini 或其他 OpenAI 兼容服务给 Planner 和 Navigator 各选一个模型临时测试随便选能用的即可精细分工见第 4 节打开一个目标网页比如新闻站点在侧边栏输入指令提取当前页面最新的5条新闻标题发送。侧边栏会实时显示 Planner 拆解的步骤和 Navigator 的每一步动作几秒到十几秒后结果直接回显在对话里。到这一步安装、配置、验证一次性完成了。想换更省心的安装方式往下看。2. 选择安装方式三种路径按推荐度排序商店版最稳开发者模式拿到的功能最新源码构建留给要改代码的人。按你的需求挑一种。从扩展商店安装商店版经过审核适合日常使用。注意商店审核周期可能让它落后于最新代码追求新特性时用下面两种方式。开发者模式加载最新版从发布页下载最新的nanobrowser.zip并解压。然后地址栏输入chrome://extensions/打开右上角开发者模式开关点加载已解压的扩展程序选中解压出的文件夹。升级时把新包覆盖到原文件夹再回扩展页点刷新按钮即可。源码构建需要定制功能或提交代码时再走这条路只列关键命令环境要求见第 5 节git clone https://gitcode.com/GitHub_Trending/na/nanobrowser cd nanobrowserpnpm install pnpm build产物在dist目录按开发者模式一节加载即可。跑pnpm dev可开启热重载边改边调。想读实现多智能体逻辑都在 扩展源码 的background/目录下Planner 与 Navigator 各占一个模块代码量不大。3. 配置 AI 服务与给智能体分配模型密钥入口就在扩展设置页打开侧边栏后点右上角设置图标LLM Providers 选项卡里添加密钥。支持 OpenAI、Anthropic、Gemini、Ollama、Groq、Cerebras、Llama以及任意 OpenAI 兼容的自定义服务。配好密钥后按角色分工给两个智能体指定模型性能和成本可以各保一头智能体角色职责性能优先推荐成本优先推荐Planner规划者拆解任务、制定步骤、卡住时调整策略Claude Sonnet 4Claude Haiku 或 GPT-4oNavigator导航员实际执行点击、翻页、提取操作Claude Haiku 3.5Gemini 2.5 Flash 或 GPT-4o-mini想零 API 成本就用 Ollama 等工具起本地模型通过 OpenAI 兼容接口接入。本地模型对指令更挑剔指令要具体、步骤要拆开写别用一句话带过的高层目标。4. 核对运行环境只看三项必查两项、可选项一项达标即可开工浏览器最新版 Chrome 或 Edge官方仅支持这两款Firefox、Safari 不在支持范围网络能正常访问你选定的 API 服务地址可选需要源码构建时Node.js 不低于 v22.12.0pnpm 不低于 v9.15.1。5. 故障速查三种高频问题的排查顺序按看到什么→做什么执行不用深究原理扩展图标不见或页面报错打开chrome://extensions/确认开发者模式已开、文件目录完整 → 点扩展卡片上的刷新 → 重启浏览器重试发出指令后智能体无响应核对密钥拼写与余额 → 确认该模型服务当前可用 → 换一家服务商重测排除密钥问题还是模型问题任务中途失败或反复卡住把指令缩短成一句具体可验证的话 → 检查目标站是否要求登录或有访问限制 → 调低智能体的思考深度参数再试。6. 接下来可做三件事读一遍 扩展源码重点看background/agents/下 Planner 与 Navigator 的协作流程接一个 Ollama 本地模型把 AI 网页自动化的调用成本降到零用一条带条件的检索指令压测多智能体能力例如在电商平台找出防水、续航 10 小时以上且低于 50 美元的蓝牙音箱。【免费下载链接】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),仅供参考

关于本文作者

来自尧图内容编辑团队

尧图内容编辑团队 内容团队

尧图内容编辑团队

本文由尧图网络内容编辑团队执笔。团队由资深项目经理、前端工程师与设计师组成,所有内容均来自亲手交付的真实项目,先讲清问题、再给出可落地的解法。尧图深耕北京网站建设十年,服务过京华建材集团、智造科技等各行业客户,把一线经验沉淀为可复用的行业观察。

  • 十年建站经验,覆盖建材、制造、服务、文创等
  • 项目经理把关选题与事实准确性
  • 工程师与设计师联合撰写专业细节
  • 统一编辑规范,保证文风与排版一致
  • 每月复盘转化数据,迭代选题方向

延伸阅读

相关资讯与近期热门内容

深度阅读推荐

建站决策前值得细读的三篇

网站改版的5个关键决策
2024-08-12

网站改版的5个关键决策

什么时候该改版、改到什么程度、如何避免流量掉光,京华建材集团改版复盘给出答案。

获取专属建站方案

看完文章,把您的行业与预算告诉我们,免费获取一份量身定制的官网建设方案与报价。

立即免费咨询