🖥️

dsh-frontend-inspector

客户端更新于 2026.08.25

在终端中运行以下命令：

dsh plugin install lovstudio/dsh-frontend-inspector

将以下提示词粘贴到 DeepSeek Harness 对话框中：

在 DeepSeek Harness 中执行 dsh plugin install lovstudio/dsh-frontend-inspector 即可安装该插件，开源源码详见 https://github.com/lovstudio/dsh-frontend-inspector

插件介绍

DeepSeek Harness 的 Web 界面经 Vite 打包后，渲染出的 DOM 与原始 .tsx 源文件之间隔着一层编译产物，想快速回答"这个按钮的 JSX 写在哪一行"往往只能靠全局搜索猜测。dsh-frontend-inspector 用 Lovinsp 桥接解决了这个问题：按住 Shift+Option（Windows 为 Shift+Alt）并在页面上移动鼠标，任意渲染元素即高亮，单击后直接在 VS Code 或你指定的编辑器中打开对应源文件的精确行列，也可一键复制其 GitHub 源文件地址。

插件提供两种工作模式，启动时自动选择。拥有 DSH 源码 checkout 时，它通过 Vite 持久进程读取源文件、应用 source maps，将编译后的 JSX 调用回溯到 .tsx 的 file:line:column；不需要 checkout 的纯 npx 场景下，它退回到文件级定位，利用 tsdown 在发布包中保留的 //#region 标记解析文件名，并跳转到各包自身仓库的对应 release 页面。Plugin Marketplace 等第三方插件都会被标记到其独立仓库和版本号，归属清晰。

整个工具通过 DeepSeek Harness 官方 Host 扩展点工作，不修改也不重新构建 DSH 仓库内的任何文件，生成的缓存和 Vite 产物全部隔离在 DSH_HOME/cache/frontend-inspector 目录下。它适合正在二次开发 Harness 前端、调试自定义 Client Module、或只想快速查看某个 UI 组件背后实现逻辑的开发者，也适合需要保持 DSH checkout 干净、不想在源码树里塞调试代码的团队。