dsh-annotate-browser
zengxiaolou/dsh-annotate-browser
DSH 右侧栏里的标注浏览器：通过 CDP 推流并转发输入的实时页面，点选元素或划选文字后，把源码位置、组件栈、样式与裁图带进聊天输入框。需本机 Chrome（Windows 须设置 chromePath）。
- 形态
- Plugin 插件
- 安装
- npm 包安装
- 需要密钥
- 否
- 近月下载
- 1,694
- 最近推送
- 12 天前更新
项目说明
From README
dsh-annotate-browser 自己的 DSH 标注浏览器 插件：右侧栏里一个 可操作的真实浏览器 （CDP 推流 + 输入转发），在上面点选元素或划选文字、写一句备注，带着源码位置/组件栈/样式/裁图落进聊天输入框。不依赖 dsh-browser-cdp 或任何第三方浏览器插件 —— CDP 客户端是本仓库自己实现的（零依赖）。定位：给「人指出问题 → agent 改代码」这条链路提供一个完全自主的壳，后续功能按需要自己往上加。
三步流程（真实界面截图） ① 框选 ② 插入批注 ③ 出错态 --- --- --- 三张都是从 test/preview/shots/ 里挑的真实运行截图（模拟器 1400×1800 / 720×1560），不是示意图。现在能用什么（v0.2.3） 浏览 （面板里是一个可操作的真实页面，不只是截图） 1.右侧栏 tab「标注浏览器」，撑满侧栏、按面板尺寸 1:1 渲染（视口随宽高自适应，无黑边）； 2.地址栏 + ← → ⟳ + 标签页（新建 / 切换 / 关闭， 1 个才显示标签条）； 3.
直接操作 ：点击 / 双击 / 右键 / 拖拽 / 滚轮 / 键盘（含 Backspace、方向键、Tab）， ⌘A/C/V/X/Z 放行给页面； 4.画面走 CDP screencast 推流 （只在画面变化时推，15fps 上限），断线自动退回 450ms 轮询； 5.「⋯」菜单里：设备宽度 390/768/1280、移动端模拟（触屏 + iPhone UA + 390×800@2x）。标注 6.⌘I 开标注 → 鼠标悬停即出现 DevTools 式高亮 （白框 + tag/尺寸/AX 信息， Overlay.highlightNode ）； 7.
点元素选中（会 穿透全屏透明遮罩 ，取真正被点到的元素），页面留下 编号钉 + 蓝框 ； 8.拖拽 = 在页面里 真实选中文字 ，以选区文本作为标注对象； 9.多选 ：写备注 →「加入列表」→ 继续选 →「插入 N 条」一次性写入； 10.标注钉的备注气泡 hover
Original description
DSH 标注浏览器插件：自己实现的零依赖 CDP 客户端 + 输入框上方标注面板（点选元素写备注插入对话），不依赖任何第三方浏览器插件
安装方式
npm 包安装 · 安装无需配置
DSH 面板是主入口，但后端可以单独起（不经过 DSH 的 web 鉴权，便于排障）：dsh plugin --profile desktop add github:zengxiaolou/dsh-annotate-browserdsh plugin --profile desktop add file:~/Documents/study/探索/dsh-annotate-browser安全能力
静态扫描源码得到的权限画像 —— 回答的是「它要动什么」，而不是「它好不好」
- 执行命令
- 写入文件
- 读取文件
- 访问网络
未发现已知红线（明文传输、安装期执行代码、凭据外传等）。
能力与红线来自 awesome-dsh-plugin 的静态扫描结果（CC0 公有领域），本站未逐行复核源码； 它只覆盖能被静态识别的模式，不等于安全审计结论。
为什么是这个分数
近 12 天内有提交；README 给出了可直接复制的安装命令；装完即可用，无需额外配置；近月 npm 下载 1694 次，star 不多但真在被使用。
- 维护活跃
- 86
- 实用度
- 54
- 生态热度
- 65
- 上手便捷
- 100
- 信号质量
- 100
- 数据置信度
- 100%