🖥️

dsh-live-preview

客户端更新于 2026.10.19

在终端中运行以下命令：

dsh plugin install 2011126630z-commits/dsh-live-preview

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

在 DeepSeek Harness 中执行 dsh plugin install 2011126630z-commits/dsh-live-preview，或从 https://github.com/2011126630z-commits/dsh-live-preview 克隆后以本地 bundle 在 Plugins → Add 安装，然后刷新 Web UI。

插件介绍

和 Agent 一起改网页时，最烦的是不断在聊天窗口和浏览器之间切换，还要手动刷新才能看到最新效果。dsh-live-preview 把预览面板固定在 Harness Web UI 右侧：选好工作区、点一个 HTML 文件，页面就贴在对话旁边，保存即刷新，形成「左边聊、右边看」的闭环。

面板支持拖拽调整宽度，并记住设备宽度（全宽、平板 768px、手机 375px）。自动重载基于 SSE，并带版本轮询兜底，可开关；只有预览实际加载过的文件变更才会触发刷新，避免无关日志或数据文件把页面一直刷掉。保存后还能滚动并高亮刚改动的 HTML 区块或 CSS 规则，面板会显示「Editing …」提示；也可在新标签或独立系统浏览器窗口中打开预览，对话区更宽时仍保持热重载与定位。

Agent 可通过 live_preview 工具打开、关闭、刷新页面并设置根目录或聚焦编辑位置。预览由本机只读服务提供，带令牌与 HttpOnly cookie，路径做 realpath containment，页面与 Harness UI 分源隔离，适合需要边看边改静态 HTML/CSS 的前端与全栈开发者。