前言¶
DeepSeek Harness (DSH) 的 Web UI 在桌面端體驗良好，但在手機端往往需要縮放或佈局錯亂。dsh-mobile-nav 是一個專門針對移動端優化的插件，它通過純手寫的 JS 和 CSS 實現，無需構建步驟，且不會干擾桌面端的使用。
這是什麼¶
這是一個爲 DeepSeek Harness Web UI 提供的超輕量級移動端 UI 插件。它不修改 DSH 源碼，所有樣式與行爲集中在單文件 lib/client.js 中。
核心功能¶
- 抽屜側邊欄：手機端側邊欄收進抽屜，點擊會話標題或新會話頁的“探索未至之境”文字即可滑出會話列表，聊天保持全寬。
- 頭部精簡：隱藏標準預設標籤、Session log 下載按鈕、輸入框加號、權限選擇器箭頭等元素。
- 統計面板：點擊輸入框右側的 ⓘ 圖標，可查看與上下文卡片同款的統計面板（輪數、步數、LLM 耗時、TTFT、輸出速度、Token、緩存命中率進度條）。
- 鏈接預覽：消息中的 http(s) 鏈接會自動附加“預覽”按鈕，頂部標籤欄新增“預覽”標籤，在聊天窗口內以 iframe 打開網頁，切走再切回可保留狀態。
- 操作行精簡：消息下方的操作行僅保留複製與分支功能，時間行文本緊湊化（如“用時 8秒”變爲“8s”）。
- 桌面零影響：所有改動僅在 ≤640px 視口生效，桌面端不受任何影響。
安裝與啓用¶
git clone https://github.com/xDer666/dsh-mobile-nav.git
dsh plugin --profile web add link:<克隆到的絕對路徑>
重啓 dsh web，在手機或窄窗口（≤640px）訪問即可。
典型用法與自定義¶
所有樣式與行爲集中在 lib/client.js（單文件，無構建步驟）：
- 調整抽屜寬度 / 模型名限寬（96px）/ 面板寬度（264px）等，搜索對應 .dshmn-* CSS 類修改。
- 隱藏/顯示更多元素：在 hideButtons / hideExtraActions 中按官方 CSS Modules 語義類名（如 _label、_sessionLogButton）添加匹配。
修改 lib/client.js 後刷新瀏覽器即可生效，無需重啓服務。
適用場景與注意¶
適合需要在移動端使用 DSH 進行調試或演示的開發者。注意該插件依賴官方 CSS Modules 的語義後綴（如 _label、_sessionLogButton、_crumb 等），哈希前綴隨構建變化，若 DSH 大幅重構佈局，需要同步更新匹配。所有改動僅在 ≤640px 視口生效。
短結尾¶
該插件通過極簡的代碼實現了移動端的可用性提升，無需構建流程，直接修改代碼即可生效。項目地址見下方。
- GitHub: https://github.com/xDer666/dsh-mobile-nav
- 目錄頁: https://www.skillhub.cn/plugins/xDer666/dsh-mobile-nav
