🖥️

dsh-web-preview-float

客户端更新于 2026.08.15

在终端中运行以下命令：

dsh plugin install WJNCT55555/dsh-web-preview-float

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

在终端执行 dsh plugin install WJNCT55555/dsh-web-preview-float 即可安装本插件，源码位于 https://github.com/WJNCT55555/dsh-web-preview-float，安装后重启 dsh web 即可看到两个悬浮预览窗。

插件介绍

当你用 DSH Web UI 与模型协作时，最打断心流的动作就是切到浏览器标签页去刷新看效果。等待模型回复的那几十秒里，你其实很想立刻确认布局有没有塌、配色对不对。dsh-web-preview-float 就是为消除这次上下文切换而生的——它把实时预览和代码阅读器直接铺进你的工作台，让你在聊天窗口旁就能即改即看，体验接近 Google AI Studio 的开发循环。

安装后，浏览器里会出现两个独立的悬浮窗。预览窗直连项目 dev server，自动从 package.json 脚本探测端口（Vite→5173、Next/CRA→3000、Astro→4321），也支持手动改 URL；提供常用宽高比预设（16:9、4:3、21:9、手机竖屏等）和一键分辨率快捷（1920×1080、1366×768、390×844），窗口可自由拖拽、拉伸、锁定比例或最小化为胶囊。代码窗采用接近 VS Code 的布局：文件树侧栏、标签页编辑器、行号与状态栏。点击编辑进入写模式，Ctrl+S 保存（操作记录到 DSH 日志），取消或还原随时可撤。两个浮窗互不干扰，位置灵活，刷新后回到默认。

适合在 DSH Web UI 里做前端或全栈开发、希望模型每产出一版 diff 就能立刻在浏览器里验证渲染结果的开发者的。也适合厌倦了改代码→切浏览器→刷新→切回这个循环的人。插件只依赖 DSH 官方扩展点（ctx.webServer / ctx.fs / ctx.sandboxPolicy）加自包含 DOM portal，不修改核心，作为独立插件安装即可生效。