ARTICLE · INTELLIGENCE

战地情报 · 详情页

来自尧图项目组的一线实战观察与深度解析

Nanobrowser 上手指南:让 AI 浏览器自动化替你干活

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 扩展。你在侧边栏输入一句指令它就能自动翻页、点击、提取信息把「汇总某网站最新头条」「按条件筛选商品」这类重复工作接管过去。先搞懂它能替你接管什么以每天汇总新闻为例。手动做打开网站、翻页、逐条复制标题、贴进表格十几分钟。用 Nanobrowser 后打开目标页面在侧边栏输入「提取当前页面最新 5 条信息」并发送内部的多智能体系统会先由 Planner 把任务拆成步骤再由 Navigator 逐步执行页面操作结果直接回到侧边栏。也就是说你只负责描述目标规划和点击都由智能体完成。前提是浏览器为最新版的 Chrome 或 EdgeFirefox、Safari 不受官方支持网络畅通——所有页面交互都在你自己的本地浏览器里发生不经过第三方云。选择安装路径并加载扩展三条路的差别很小先看表再选路径适合谁说明Chrome 商店版只想先试试一键安装但版本可能滞后手动加载最新版普通用户推荐解压加载几分钟完成功能最新源码构建要改代码的开发者需 Node.js 22.12 与 pnpm 9.15商店版最省事在 Chrome Web Store 搜索 Nanobrowser点击 Add to Chrome 即可。缺点是商店审核会让版本滞后数周所以推荐普通用户走手动加载从项目 Release 页面下载最新的 zip 发布包并解压。地址栏输入chrome://extensions/打开右上角的「开发者模式」。点击「加载已解压的扩展程序」选择解压后的根目录含 manifest.json 的那一层。工具栏出现 Nanobrowser 图标即安装成功建议把它固定到工具栏。源码构建只面向开发者先git clone https://gitcode.com/GitHub_Trending/na/nanobrowser然后pnpm install装依赖、pnpm build把扩展产物生成到 dist 目录再按上面的手动方式加载改代码时用pnpm dev可热重载。配置密钥并跑通第一个任务Nanobrowser 不自带模型需要用自己的 LLM API 密钥。完整走查如下点击工具栏的 Nanobrowser 图标打开侧边栏点右上角设置图标进入设置页。在 LLM Providers 区域添加你的密钥OpenAI、Anthropic、Gemini 或任意 OpenAI 兼容服务也支持本地 Ollama。在 Agent Models 区域为各角色指定模型。一个稳妥的组合Planner 用推理能力强的模型如 Claude Sonnet 4Navigator 用快而便宜的模型如 Claude Haiku 3.5。回到侧边栏打开任意目标页面输入「提取当前页面最新 5 条信息」并发送。你会看到 Planner 给出步骤、Navigator 逐步执行最后拿到结构化的结果列表。到这里一次真实的浏览器自动化已经跑通。设置页的实现位于 pages/options/src/ 目录想改默认配置可以从这里入手。修复最常见的三个坑加载扩展时报错或图标不出现——多半是选错了文件夹确认已开启开发者模式且选择的是含 manifest.json 的那一层目录仍不行就重启浏览器再加载一次。发送指令后智能体不动或报服务错误——先检查 API 密钥是否有效、余额是否充足、网络能否连通该服务换一个提供商或模型通常就能恢复。任务中途卡住或执行方向跑偏——把指令改得更具体避免含糊描述对登录或反爬严格的站点先手动完成前置步骤再交给它接管。第一个任务跑通后下一步是挑一件你每天真实做的重复工作——比如每日资讯汇总或商品价格对比——交给它完整执行若打算参与开发按 CONTRIBUTING.md 的说明提第一个 Pull Request 即可。【免费下载链接】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),仅供参考
RELATED READING

延伸阅读

更多一线实战笔记与深度复盘,助您持续精进