在 DeepSeek Harness (DSH) 的开发流程中，查看 HTML 设计稿或 AI 生成的代码通常需要切换应用或复制到外部浏览器。这增加了操作步骤，且无法直接在工具内进行交互。dsh-plugin-canvas 为 DSH 增加了一个原生的“Canvas”标签页，允许开发者直接在 DSH 内预览 HTML 设计原型。

插件简介

dsh-plugin-canvas 是一个开源插件（MIT 许可证），由用户 Tabbyaccessorial446 维护。它为 DeepSeek Harness 增加了 Canvas 预览功能。该插件解决了在工具内即时查看设计、保护隐私数据以及安全渲染网页内容的需求。它使用 DSH 的原生 UI，无需额外配置。

核心功能

  • 即时预览：在 Canvas 标签页中直接查看 HTML 设计，无需离开 DSH。
  • 隐私保护：内置模糊遮罩功能，可对预览区域中的敏感信息进行模糊处理。
  • 沙箱渲染：通过沙箱化的 iframe 环境渲染内容，隔离潜在风险。
  • 原生体验：使用 DSH 的标准 UI 元素，无复杂框架依赖。

安装与启用

目前该插件仅支持 Windows 系统。安装步骤如下：

  1. 下载插件：访问 GitHub 仓库 获取安装包。
  2. 解压文件：将下载的 ZIP 文件解压到本地目录（例如 C:\dsh-plugin-canvas）。
  3. 运行程序：在解压目录中找到 dsh-plugin-canvas.exe 并运行。
  4. 启用插件：启动 DeepSeek Harness，在菜单中找到“Plugins” -> “Manage Plugins”，启用 dsh-plugin-canvas。

典型用法

插件启用后，DSH 界面会出现新的 Canvas 标签页。
1. 加载 HTML：点击 Canvas 标签页中的“Open HTML Prototype”按钮，从本地选择 HTML 文件进行预览。
2. 隐私遮罩：选中预览区域中需要隐藏的内容，点击“Apply Privacy Blur”按钮，该区域将被模糊处理。

适用场景与注意事项

  • 平台限制：当前版本仅支持 Windows，macOS 和 Linux 暂不支持。
  • 数据保存：模糊遮罩是基于会话的，关闭 DSH 或刷新页面后需要重新应用，目前不支持保存到项目文件。
  • 系统权限：插件以当前进程权限运行，建议在安装前检查源代码与许可证。

总结

对于需要在 DeepSeek Harness 内快速验证 HTML 原型或安全查看网页内容的用户，该插件提供了一个轻量级的解决方案。更多细节与源码，可参考 GitHub 仓库。