← 返回列表
✓ 可直接安装
DeepSeek Harness 侧边网页预览面板：本地静态托管、项目运行、元素标记批注、链接点击接管Cordis…
自动检查通过：npm 包已发布且 engines 声明满足基线；该结论来自程序自动检查，未经人工实机验证。 · 最近上游提交 2026/8/22 · 已提供中文文档
DeepSeek Harness 侧边网页预览面板：本地静态托管、项目运行、元素标记批注、链接点击接管（Cordis 插件包）
综合分
33.4
GitHub 分
33.4
用户评分
—
★ Stars
4
周下载量
—
兼容 / 相关生态插件（非 dsh 原生，请按其对应运行时安装）
git clone https://github.com/zoumutou/dsh-web-preview.git信任档位：已验证本站已于 4 天前真实安装成功（L4 · 真实安装）
- 是什么
- 生态插件（可安装，未声明 dsh 能力）
- 装得上吗
- 本站已真实安装成功（L4 · 真实安装，非静态推断）
- 安全吗
- 本站尚未对该插件做风险分级（暂未覆盖，不等同于无风险）
- 还在维护吗
- 更新放缓：最近一次提交在 34 天前
档位由下列信号合成：本站实装验证（真实安装，当前最高到 L4）· 验证所用 dsh 版本 · 静态安装检查 · 风险分级 · 仓库维护状态。下方各区块是它的证据明细。 验证判据与等级说明 →
🟢实装验证通过· 2026/9/22
由本站实装验证器在真实 dsh 环境安装成功，非静态推断。
数据截至 2026/9/19（元数据每日更新 · 实装验证按队列轮转，单条结论的验证时间见上方）
安装兼容性检查✓ 自动检查通过
以下结论由程序自动检查 npm 包、engines 声明与入口文件得出，未做人工实机验证——能装不等于用着没问题。
✓npm 包dsh-web-preview-panel @ 0.2.4
✓Node 引擎未声明 engines.node
✓dsh CLI 依赖未声明 dsh 版本约束
✓入口文件main/exports/bin 已声明
验证方式：npm registry 存在性 + package.json 静态校验 · 最后验证 2026/9/19 21:00:35
依赖的 DSH / Cordis 模块
@deepseek-ai/cordis用户评分
还没有人投票，来当第一个
订阅周报，不错过优质插件更新
每周一封 · 高评分插件 + 新用户活动
README
由 DeepSeek 最新模型翻译生成dsh-web-preview-panel
DeepSeek Harness（DSH）侧边网页预览面板 —— 一个标准 Cordis 插件包（Host + Client 双半），
把工作区目录托管成 iframe 预览，并支持项目运行、元素标记批注与链接点击接管。
功能
- 侧边预览：对话右上角 ▶ 按钮打开右侧玻璃卡片式预览面板（每个会话独立状态），
地址栏实时同步、可拖动调宽（挤压对话 → 400px 封顶 → 覆盖模式）
- 本地文件预览：工作区静态文件经 Harness 自身的 HTTP 服务托管
（/__dsh-preview//...）—— Markdown 渲染、代码带行号、图片直显、
HTML 原样
- 项目运行：自动检测项目类型（Cargo / package.json / go.mod / Python），
▶ 运行 / ⏹ 停止，日志实时滚动、自动识别 localhost:PORT 并加载预览；
「日志→对话」一键把日志发给 AI 辅助诊断
- 元素标记：🖉 标记模式（悬停手型高亮、点击选取元素、批注气泡、一键发送到对话），
选择器/HTML 快照自动剥离内部标记类
- 对话框直接拖入文件：把文件拖进对话框即保存到工作区 .dsh-drops/ 并以
路径引用加入草稿（对话框保持干净，AI 按需读取文件内容，上限 64 MB）；
图片单独拖入仍走 DSH 原生图片附件轨，混合拖入时图片同样保存为文件引用
- 链接点击接管：对话里点击 http(s) 链接、相对/绝对文件路径、纯文本路径
（自动转链接，支持 CJK/中文文件名如 docs/候选批准总文档.md）
→ 全部在侧边打开；Cmd/Ctrl+点击保留浏览器默认行为
- 主题跟随：面板 UI、输入区气泡、代码/Markdown/文件缺失预览页与标记/批注浮层
自动跟随 DSH 白天/夜间主题（body[data-ds-dark-theme] + --dsw-alias-* token，
预览页经 html[data-theme] 同步，切换即时生效，默认回退夜间）
- 会话隔离：每个会话独立的预览状态、根目录（默认当前会话所属工作区）、运行进程
安装
要求 DSH（DeepSeek Harness）Web 版。在 profile 目录（如 ~/.dsh/profiles/web）：
npm install dsh-web-preview-panel
然后在 cordis.patch.yml 中挂载：
- insert:
- name: dsh-web-preview-panel
重启 dsh web 即生效。
开发
npm run build # 产出 lib/index.js（host）与 lib/client.js（ModuleLoader bundle）
- src/host.js —— Host 半：webServer 路由（静态托管 + POST /api JSON RPC）、
subprocess 项目运行、fs 文件访问
- src/client.js —— Client 半：React 面板 UI、标记/批注、点击接管、会话隔离；
通过 fetch('/__dsh-preview/api') 与 Host 通信
协议
- GET/HEAD /__dsh-preview// —— 静态文件 / Markdown / 代码 / 图片
- POST /__dsh-preview/upload —— 拖入文件落盘（原始字节，头字段 X-Dsh-Sid /
X-File-Name / X-File-Size / X-File-Type，保存到 /.dsh-drops/，上限 64 MB）
- POST /__dsh-preview/api —— { method, args } JSON RPC：
set-root pages resolve-path detect-project run-project project-status
stop-project state
License
MIT