dsh-html-inspector
在终端中运行以下命令:
dsh plugin install robin421/dsh-html-inspector
将以下提示词粘贴到 DeepSeek Harness 对话框中:
在 DeepSeek Harness 中执行 dsh plugin install robin421/dsh-html-inspector 安装本插件,也可在设置 → 插件市场上架后一键安装;源码见 https://github.com/robin421/dsh-html-inspector。
插件介绍
在本地调试页面或预览 HTML 时,最难的是把「你点的那一块」准确告诉对话里的 Agent:口述 class 名、截图圈选都容易漏细节。dsh-html-inspector 在 DeepSeek Harness 里提供选择模式——在本地提供的演示页、浏览器标签或文件树 HTML 预览中悬停高亮、点击元素,即可把定位信息写进当前对话输入框,让后续修改对准你指的那一处。
核心能力是点击即定位:捕获标签、id、class、nth-of-type 路径式 CSS 选择器、可见文本(上限约 1200 字)以及元素 outer HTML 片段(上限约 4000 字),按 Esc 可取消。在 dsh 浏览器标签里输入 localhost / 127.0.0.1 等回环地址时,会通过只读代理注入检查器,导航后选择能力仍可延续;从侧栏打开的 HTML 文件预览也会换成注入同款脚本的同源副本,并在结果里标明来自文件预览。若安装了 dsh-better-sidebar,工具栏还有选择模式开关,且会按标签页会话记住开关状态(默认开启)。
代理仅允许回环目标,只做 GET 拉取与脚本注入,不写入你的项目文件,也不把内容发到外网。适合经常在 Harness 里用本地 dev server、内嵌预览或浏览器标签改前端的人——尤其是需要和 Agent 协作、希望「点哪里改哪里」、又不想动磁盘原文件的开发者。
使用场景
- 在 localhost 页面里点选组件,把选择器与 HTML 片段发给 Agent 做精确修改
- 侧栏打开 HTML 文件预览,用选择模式标出要改的元素再继续对话
- 在 dsh 浏览器标签访问本地 dev server,导航后仍能点选并写入输入框
适合人员
- 常在 Harness 里用本地服务调试页面的前端开发者
- 需要和 Agent 协作改 UI、又不想手动描述 DOM 的用户
- 通过文件预览或浏览器标签查看 HTML 的 dsh 用户