caob23/dsh-browser-control

Chrome 浏览器扩展 + DeepSeek Harness 插件,让 AI Agent 直接操控你的真实浏览器。

项目介绍Project Overview

DSH 浏览器控制是 Chrome 扩展加 DSH 插件,通过 WebSocket 与 CDP 让 Agent 操控你正在使用的真实 Chrome,继承登录态与 cookies,提供导航、点击、输入、截图、标签页管理等 11 个工具。适合让 AI 代操作已登录网站。注意控制期间 Chrome 会显示调试横幅,且需 Chrome 116+、手动加载扩展并开启插件。

DSH Browser Control is a Chrome extension plus DSH plugin that lets an AI agent drive your real Chrome via WebSocket and CDP, using your existing logins and cookies. It exposes 11 tools for navigation, reading, snapshots, clicks, typing, keys, scrolling, tabs, JavaScript evaluation, screenshots, and cleanup. Use it when an agent should operate logged-in websites visibly. Caveat: Chrome shows a debugger banner during control, and setup requires Chrome 116+, manual extension loading, and enabling the plugin.

或使用命令行安装(适合开发者)Or use CLI install (for developers)

命令行安装CLI Install

dsh plugin --profile web add @caob23/dsh-browser-control

caob23/dsh-browser-control 加入你的 DSH 配置(web profile)即可启用。

READMEREADME

DSH Browser Control

DSH Browser Control

简体中文 · English

release license Awesome DSH Plugin chrome mv3 dsh plugin cdp 11 browser tools tests

Chrome 浏览器扩展 + DeepSeek Harness 插件,让 AI Agent 像人一样操控你的真实浏览器。

DSH Browser Control — a whale searching Google with a mouse

这是什么

不是无头浏览器,不是 Puppeteer——是你的真实 Chrome,带着你的登录态、你的 cookies。AI 通过 Chrome DevTools Protocol 驱动标签页,你可以在屏幕上看到每一步操作。

你对 AI 说一句话
      ↓
Agent 调用 browser_* 工具
      ↓
DSH 插件(WebSocket 桥)
      ↓
Chrome 扩展(CDP 驱动)
      ↓
你的真实浏览器执行操作
      ↓
结果返回给 Agent

和 MCP 浏览器方案的区别

市面上已经有 Playwright MCP、Puppeteer MCP、browser-use 等,它们的共同点:启动一个自己下载的全新浏览器实例。本项目走的是另一条路:

本项目 Playwright / Puppeteer MCP
浏览器 你正在用的真实 Chrome 自动下载的独立实例
登录态 / Cookies ✅ 全部继承,无需重新登录 ❌ 每次全新 profile
过验证码 / 扫码登录 你的会话已经登录,基本不遇到 经常卡在登录墙
可见性 屏幕上实时可见,随时鼠标接管 无头运行或独立窗口
环境依赖 无需 Node / npx / Python 需要 npx 或 uvx 运行时
接入方式 加载扩展 + 设置页开关 编辑 MCP 客户端 JSON 配置
磁盘占用 复用现有 Chrome,零新增 额外下载数百 MB 浏览器
集成深度 dsh 原生插件(设置卡片 / 状态页 / 清理按钮) 通用 MCP server

一句话:要 AI 用"你自己的"浏览器干活(已登录的 B 站、知乎、淘宝后台),用本项目;要做跨浏览器、跨应用的通用自动化测试,用 MCP。

下载

文件 说明
DSH-Browser-Control-1.0.3.zip Chrome 扩展(解压后加载)
dsh-browser-control-plugin-v1.0.3.zip dsh 插件(离线兜底,在线装直接用方式 A/B)

安装 Chrome 扩展(30 秒)

下载 zip → 解压到固定文件夹(别删)→ Chrome 打开 chrome://extensions → 开启「开发者模式」→ 点「加载已解压的扩展程序」→ 选解压后的文件夹。

工具栏出现鲸鱼图标 → 绿点呼吸 = 已连接。需要 Chrome 116+。

安装 dsh 插件

📦 本包是 bundle 包(package.json 中 dsh.bundle.patch 指向 cordis.patch.yml)。dsh plugin 安装成功后会自动把它加入 profile 的 dsh.profile.bundles,重启即加载。

前置:dsh plugin 转发给 pnpm,需要 pnpm 在 PATH 上;首次使用会自动初始化目标 profile。

方式 A:从 npm 安装(推荐)

# 通过 dsh plugin 从 npm registry 安装并自动注册到 profile
dsh plugin --profile web add @caob23/dsh-browser-control

如果自行管理 profile 的 node_modules,也可以在对应目录中直接使用 npm 安装:

npm install @caob23/dsh-browser-control

方式 B:从 GitHub 或本地目录安装

# 直接从 GitHub 安装
dsh plugin --profile web add "github:caob23/dsh-browser-control#v1.0.3"

# 本地目录调试(注意:必须显式 file: 前缀)
dsh plugin --profile web add "file:D:\path\to\dsh-browser-control"

重启 DSH 后生效。卸载:

dsh plugin --profile web remove @caob23/dsh-browser-control

⚠️ 本地目录请用 file: 前缀。裸路径 / 相对路径会被 pnpm 当作 link: 协议, 在 hoisted 布局下不会物化到 node_modules 顶层,导致启动时无法解析该包。

安装并重启后:dsh 设置 → 插件 → DSH 浏览器控制 → 开启。

方式 C:复制进 harness 源码树(旧方式,v1.0.2 及以前)

git clone https://github.com/caob23/dsh-browser-control.git
cd dsh-browser-control
git checkout v1.0.2   # 旧布局在 v1.0.2 tag
./install.sh /你的路径/deepseek-harness

脚本只负责把插件文件复制到位,完成后仍需手动改三处配置,改完重启 dsh 才会生效:

下载 dsh-browser-bridge-plugin-v1.0.2.zip,解压到 deepseek-harness 的 packages/web/browser-bridge/

然后补充三处配置:

  1. packages/bundle/base/package.json 的 dependencies 加:
"@deepseek-ai/dsh-browser-bridge": "workspace:^"
  1. cordis.patch.yml 的 plugins 列表加:
- id: browser-bridge
  name: '@deepseek-ai/dsh-browser-bridge'
  config:
    enabled: false
  1. tsconfig.host.json 的 references 加:
{ "path": "./packages/web/browser-bridge" }

重启 dsh → 设置页出现「DSH 浏览器控制」→ 开启即可。详细说明见 dsh-config/README.md

使用

  1. dsh 设置 → 插件 → DSH 浏览器控制 → 开启
  2. Chrome 扩展自动连接(端口 9777,Token 默认 dsh-local)
  3. 对话说自然语言,Agent 自动操控浏览器

访问 http://127.0.0.1:9777/ 查看连接状态。

工具清单

工具 功能
browser_navigate 导航到 URL
browser_read 读取页面文本/HTML
browser_snapshot 页面快照 → ref 交互树
browser_click 点击元素(by ref / selector)
browser_type 在输入框填入文本
browser_press 模拟键盘按键
browser_scroll 滚动页面
browser_tabs 标签页管理(列表/新建/关闭/切换)
browser_evaluate 执行任意 JS
browser_screenshot 截取页面截图
browser_cleanup 清理临时文件

架构

Chrome 浏览器
  └─ DSH Browser Control 扩展 (MV3)
       └─ chrome.debugger (CDP)
            └─ WebSocket ──────→ DSH 插件 (browser-bridge)
                                      └─ browser_* 工具 → Agent

关键设计:

  • 扩展主动外连桥(不需要 native messaging host)
  • 默认关闭,设置页手动开启
  • 持久 debugger 附着——控制期间横幅始终显示
  • 仅监听 127.0.0.1,token 认证

已验证

场景 结果
百度搜索 → 提取结果标题
B 站搜索用户 → 发私信
B 站搜索 → 统计视频卡片 + 截图
单元测试 29/29
类型检查(host + client)

更新日志

CHANGELOG.md

许可证 · License

本项目采用 GNU Affero General Public License v3.0 (AGPL-3.0)

  • 个人 / 学术 / 非商业用途:完全免费,在遵守 AGPL-3.0 的前提下自由使用、修改、分发
  • 企业 / 商业用途:AGPL-3.0 要求通过网络使用本软件也构成"分发",必须公开衍生代码。若企业在闭源产品中嵌入、基于本项目构建 SaaS 服务而不愿开源,需要联系作者获取商业许可(另行协商授权条款)
  • 商业许可咨询GitHub Issues 或邮箱 caob2333@outlook.com

完整许可证文本见 LICENSE 文件(AGPL-3.0)。

上一个 Prev dsh-wallpaper 下一个 Next dsh-image-mmx