DSH 的插件化架构下，界面元素往往由宿主或多个插件共同渲染。当需要定位某个 UI 控件属于哪个模块，或者希望隐藏界面上的干扰项时，手动排查 DOM 结构既繁琐又容易出错。dsh-element-inspector 插件通过本地算法识别元素归属，并提供导出与隐藏功能。
插件简介¶
这是一个非官方的社区项目，用于识别 DeepSeek Harness 页面元素的归属，将其从宿主界面或已安装的插件中区分开来，支持导出（截图、HTML、Markdown）和持久隐藏。
核心功能¶
- 基于证据的归属识别：通过 DOM 标记、祖先距离和源代码匹配区分 DSH 界面与插件，而非仅依赖名称。
- 源发现与快速导航：展示匹配的所有者、版本和源文件，支持打开插件目录或仓库。
- 元素导出：支持本地截图（PNG）、复制
outerHTML或转换为 GitHub Flavored Markdown。 - 持久隐藏：可隐藏选中的元素，并支持单独恢复或清空规则。
- 可配置快捷键：默认快捷键为 F1，可在插件配置中修改。
安装与启用¶
安装预构建包到 web profile：
dsh plugin --profile web add dsh-element-inspector
安装后需重启对应的 DSH Web 或 Desktop 实例。若需从 GitHub 源码安装，可使用：
dsh plugin --profile web add github:muyuanjin/dsh-element-inspector#v0.7.0
典型用法¶
- 按下配置的快捷键（默认 F1）进入选择模式。
- 移动鼠标预览元素，点击进行 inspect。
- 查看归属结果，展开查看证据（如 React owner、包名等）。
- 执行操作：截图、复制 HTML/Markdown、打开源码位置或隐藏元素。
- 再次按下快捷键或通过设置修改快捷键，或在插件配置中管理隐藏规则。
适用场景与注意¶
- 适用场景：需要快速确认 UI 元素来源，或需要隐藏特定插件/宿主界面干扰的开发与调试场景。
- 限制：该插件以当前 DSH 进程权限运行。归属识别基于本地证据评分算法，并非代码签名或官方审计，确认结果不代表插件绝对可信。不支持检查 iframe、关闭的 shadow root、canvas 绘制内容和 CSS 伪元素。
- 版本要求：DeepSeek Harness >= 0.1.0-rc.8 < 0.2.0-0。
总结¶
该工具通过本地算法解决了 DSH 插件化架构下的界面溯源问题，适合需要在开发调试阶段精细控制界面的用户。
