dsh-f12-inspector
DSH（DeepSeek Harness）网页界面元素检查插件：文件树选页、F12 式元素定位（XPath / CSS 选择器 / 计算样式）、内置 HTML 编辑器，可复制或加入对话发给 AI。
插件会安装到这里；不确定时保持 web。
npx -y @deepseek-ai/dsh plugin --profile web add github:AlloyPlane/dsh-f12-inspector#329724fd348324323bfbd025b55e2e19b7c94d8fF12 Inspector 以 dsh-f12-inspector 发布，当前版本为 1.1.0。Plugin Hub 会校验它的 manifest，并保存精确安装来源，便于复现安装结果。
一个用于 DSH（DeepSeek Harness） Web 前端的元素检查插件：把浏览器「F12 检查元素」的交互搬进网页界面的第三栏（右侧详情栏），并内置工作区文件树和 HTML 编辑器。
在 DSH Web 界面里浏览工作区、点选 HTML 页面载入预览，开启「检查模式」后悬停高亮、点击定位，一键拿到元素的 CSS 选择器 / XPath / 计算样式 / outerHTML，还能直接改源码、刷新预览继续检查，并把元素上下文「＋加入对话」发给 AI 让它修改。
客户端插件向 DSH Web 的槽位系统注册两个槽位：
| 槽位 | 作用 |
|---|---|
sidebar.footer.action | 侧边栏底部的「打开第三栏」按钮 |
details（priority: -1） | 占据第三栏（右侧详情栏）显示检查器 |
预览页面放入 sandbox iframe 中。检查引擎通过 iframe 的 contentDocument 注入监听（mouseover / click / keydown），并在点击时生成元素的定位 payload（XPath / CSS 选择器 / computedStyles / inlineStyles / rect / outerHTML）。所有定位逻辑均基于标准 DOM API（getBoundingClientRect / getComputedStyle / closest / previousElementSibling）自行实现。
宿主侧（dsh/index.js）注册一个 JSON API，所有文件访问都走 DSH 官方 fs 服务：
POST /api/f12-inspector
{ op: 'list', path } -> { ok, path, entries: [{ name, type, size }] }
{ op: 'read', path } -> { ok, path, content }
{ op: 'write', path, content } -> { ok: true }
路径解析与 DSH 自带文件工具一致：'' / '.' → 工作区根；'a/b' → 相对路径；'/abs' → 绝对路径。
标准 DSH bundle 插件，一条命令即可安装（发布到 GitHub 后）：
dsh plugin --profile web add "github:AlloyPlane/dsh-f12-inspector#v1.1.0&path:/"
v1.1.0为当前发布标签（换用最新提交号亦可）。包根 = 仓库根。
或本地目录（包目录内执行）：
cd dsh-f12-inspector && dsh plugin --profile web add .
装完重启 DSH（npx -y @deepseek-ai/dsh web），浏览器打开后侧边栏底部出现 「🔍 F12 检查器」。
手动方式（旧版）：在 web profile 的
package.jsondependencies 里 link 本包、在dsh.profile.bundles加dsh-f12-inspector、pnpm install后重启。
Esc 取消选中；「✕」清空选择| 页面来源 | 能否检查 |
|---|---|
| srcdoc / 工作区文件（走本机读取） / DSH 自身 | ✅ 完整检查 |
| 跨域网址（直接 iframe） | ⚠️ 只能显示，不能注入检查引擎（界面会提示） |
检查自己的网站 / 组件库页面时，优先用文件树 / 载入文件（走本机读取，无跨域限制）。
fs 服务进行（不是裸 node:fs），遵循 DSH 的沙箱与权限体系；路径按 fs.resolve 规则解析（工作区根为相对路径基准）。/api/f12-inspector 暴露在工作区上。请不要把该插件部署到公网 / 不受信任的网络环境。MIT © AlloyPlane
本项目也按 WhaleHub 插件市场提交规范 整理，可提交到 vvlife/whalehub-dsh 社区市场。