在 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 系統。安裝步驟如下：
- 下載插件：訪問 GitHub 倉庫 獲取安裝包。
- 解壓文件：將下載的 ZIP 文件解壓到本地目錄（例如
C:\dsh-plugin-canvas）。 - 運行程序：在解壓目錄中找到
dsh-plugin-canvas.exe並運行。 - 啓用插件：啓動 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 倉庫。
