前言¶

DeepSeek Harness 的 Web UI 在 ≤700px 的窄屏窗口裏，設置面板、側欄、目錄選擇器和彈窗等元素可能不夠適合移動端查看。dsh-web-mobile-fix 是一個用於 DSH Web profile 的插件，通過純客戶端 CSS 覆蓋修復這些移動端佈局問題。它不修改產品源碼，適合需要在手機寬度窗口中使用 DeepSeek Harness Web UI 的開發者。

這是什麼¶

dsh-web-mobile-fix 的定位是 “Mobile layout fixes for the DeepSeek Harness Web UI.”。倉庫地址爲：

https://github.com/AcidGr/dsh-web-mobile-fix

許可證爲 MIT。

它面向 DeepSeek Harness Web UI 的窄屏場景，修復設置面板被壓縮、側欄擠壓會話、目錄選擇器按鈕佈局、會話日誌按鈕佔用空間、模型名顯示、下拉和彈窗位置等問題。

核心功能¶

下面列出已覈實的佈局修復能力：

• 純客戶端 CSS overlay，作用於窄屏（≤700px）
• 設置面板變爲全屏縱向佈局
• 目錄選擇器底部的 Cancel / Confirm 固定在同一底行
• 側欄全屏打開，而不是擠壓會話區域
• 設置插件導航的 4 個按鈕放在同一行
• 會話日誌按鈕摺疊爲圖標
• 輸入框中的模型名被隱藏，只保留 chevron
• 下拉框、彈窗、菜單居中渲染

安裝與啓用¶

先確認環境滿足要求：

• 使用 DeepSeek Harness Web profile：dsh --profile web
• 使用任意 recent 0.1.x release

然後執行 bundle install（推薦方式）：

dsh plugin --profile web add dsh-web-mobile-fix

這條命令會把 dsh-web-mobile-fix 安裝到 Web profile 中。

接着重啓 dsh web，或等待 profile hot-reload，再強制刷新瀏覽器。

驗證¶

在手機寬度窗口打開 Web UI，檢查以下內容：

1、設置面板是否爲全屏縱向佈局
2、側欄是否全屏打開
3、目錄選擇器的 Cancel / Confirm 是否在同一底行
4、下拉框、彈窗、菜單是否居中渲染

經過上面的步驟後，如果這些區域在手機寬度下顯示正常，說明插件已經生效。

回滾¶

如果使用的是 bundle install，可以執行：

dsh plugin --profile web remove dsh-web-mobile-fix

該插件注入的 <style> 標籤會在卸載時移除；它不修改產品源碼，升級也不會覆蓋它。

適用場景與注意¶

適合場景：

• 使用 DeepSeek Harness Web profile，且常用窄屏或手機寬度窗口
• 希望在不改產品源碼的情況下修復設置面板、側欄、彈窗的移動端顯示

注意：

• 選擇器針對產品 slot contracts，在版本線內穩定；重大產品改版後可能需要小幅更新
• 插件許可證爲 MIT
• 插件會在當前 dsh 進程所管理的 Web profile 環境中加載；安裝前建議檢查倉庫源碼與許可證
• 它只在瀏覽器端注入 CSS，不改動產品源碼
• 如 dsh 或 Web UI 版本變化，建議重新執行驗證步驟

鏈接¶

GitHub：

https://github.com/AcidGr/dsh-web-mobile-fix