DSH Plugins
返回列表
🖥️

dsh-preview-plugin

客户端 更新于 2026.09.03

在终端中运行以下命令：

dsh plugin install RaulLazaro/dsh-preview-plugin

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

在 DeepSeek Harness 中执行 dsh plugin install RaulLazaro/dsh-preview-plugin 即可安装，完整源码地址为 https://github.com/RaulLazaro/dsh-preview-plugin

插件介绍

在 DeepSeek Harness 里让 agent 帮你写了个前端应用，你总不能每次都切到另一个浏览器窗口、手动配代理、再处理 SPA 路由才能看到效果。dsh-preview-plugin 把这件事收进了 DSH 的 Preview 标签页：启动本地 dev server，输入端口，点击 Go，应用就通过透明代理跑在 DSH 界面里，像原生页面一样流畅。

它的代理不是简单的转发。路径基于的 SPA 代理会把 /preview/:port/ 下的所有路由重写，让前端路由和后端 API 都按 DSH 宿主机地址工作；同时在 HTML 响应中注入脚本，拦截 fetch() 和 XMLHttpRequest.open()，确保 SPA 的异步请求也走代理。非 HTML 资源则直接流式透传，不额外处理。端口可以全局设定，也可以按会话单独指定，预览标签页会自动轮询同步 agent 通过 API 修改的端口，无需手动刷新。

安全性方面，代理仅指向 127.0.0.1，不存在外部 SSRF 风险；iframe 以 sandbox 模式运行，只开放 scripts、same-origin、forms、popups 四类权限；端口字段严格校验为一到五位数字。对日常用 DSH 跑前端项目、希望在一个界面内同时看到对话与实时效果的开发者来说，它是一个轻量且即插即用的预览方案。

使用场景

  • Agent 生成前端应用后，在 DSH 内直接打开 Preview 标签页输入端口即刻预览，无需切换浏览器窗口
  • 开发 SPA 项目时，路由和后端 API 调用均通过透明代理自动重写，fetch 与 XHR 请求无需额外配置
  • 多会话并行开发不同项目，通过按会话指定端口互相隔离，Preview 标签页自动同步端口变更

适合人员

  • 用 DeepSeek Harness 跑前端项目的开发者
  • 希望在一个界面内同时查看对话与实时页面效果的人
  • 需要轻量即插即用预览方案、不想额外部署代理服务的团队