浏览器 Agent
agent-browser
演示地址：browser-demo.canoeagent.com Key：（为防止 Key 滥用，请在履历页面或联系站长获取） 提示：刷新或重开页面页面均需要输入 Key 建议：PC 或平板电脑等宽屏设备访问效果最佳 操作指南.txt
技术栈 & 外部 API
Agent Browser 是一个基于 DeepSeek API 的浏览器 AI 助手，支持通过 Function Calling 驱动 chromedp 实现网页导航、点击、输入、截图、滚动、后退等 9 种浏览器操控能力，并提供交互式终端 + Web SSE 流式可视化界面。
后端技术栈
| 层次 | 技术 | 用途 |
|---|---|---|
| 语言 | Go 1.26 | 后端主语言 |
前端技术栈
| 层次 | 技术 | 用途 |
|---|---|---|
| 纯静态 | HTML5 + CSS3 + 原生 JavaScript | 无任何前端框架/依赖 |
| 样式 | 手写 CSS | flexbox 布局、渐变 Header、深色/浅色消息气泡、截图弹窗 |
| 交互 | ReadableStream API | 解析 SSE 事件流，逐事件展示工具调用动画、截图、最终回复 |
| Markdown 渲染 | 纯 JS 正则解析 | 将 LLM 回复中的 **粗体**、- 列表、代码块 转为 HTML |
| 截图查看 | data:image/png;base64 | 缩放预览 + 点击放大弹窗 |
外部 API 调用
| 服务商 | 用途 |
|---|---|
| DeepSeek LLM API | 核心 LLM 调用 |
| 本地无头 Chrome 进程 | 浏览器操控 |