前言¶
DeepSeek Harness（DSH）的 Web 界面按桌面端設計。在手機瀏覽器裏打開時，常見問題是側邊欄佔滿屏幕、彈窗錯位、輸入框被裁剪，聊天區可用空間很小。把窗口縮到窄屏也會出現類似情況。
下面介紹社區插件 dsh-mobile-hanui。它在視口寬度 ≤ 1023px 時自動調整佈局，只改手機端顯示，桌面端不受影響。
這是什麼¶
dsh-mobile-hanui 是維護者 Z-6354 發佈的 DSH 客戶端插件，分類爲客戶端。項目託管在 GitHub，當前 npm 版本爲 0.2.5，採用 MIT 許可證。
插件通過 DSH 的 bundle 機制注入移動端 UI 外殼，在窄屏下把界面改成適合觸屏操作的佈局，修復 DSH 網頁與手機端不適配的問題。
核心功能¶
經過上面的定位，插件主要做這些事：
- 側邊欄、詳情面板改爲左右抽屜，點擊滑出，不再擠壓聊天區
- 提問、權限確認、設置等彈窗在手機上全屏居中顯示
- 提供可拖動的懸浮菜單按鈕，點擊或下拉打開側邊欄
- 上滑到頂部自動加載更早的對話歷史
- 切換會話時不再自動彈出軟鍵盤
- 子代理目錄、模型選擇、推理等級、模式選擇在小屏正常顯示
以上能力均來自項目 README，插件不改動桌面端佈局。
安裝與啓用¶
DSH 採用「一切皆插件」的擴展方式；社區目錄 SkillHub 是獨立站點，與 DeepSeek / 幻方無官方從屬關係。安裝前建議查看源碼與 MIT 許可證，插件隨當前 dsh 進程權限運行。
1、進入 DSH Web profile 目錄並安裝 npm 包：
cd ~/.dsh/profiles/web
pnpm add dsh-mobile-hanui
2、編輯 ~/.dsh/profiles/web/package.json，在 dsh.profile.bundles 數組中加入 "dsh-mobile-hanui"。
3、重啓 dsh web 服務。
安裝並重啓後，在手機瀏覽器打開 DSH 網頁即可，無需其它配置。
典型用法¶
日常使用¶
完成安裝後，用手機訪問 DSH Web 地址，窄屏下會自動啓用移動端佈局。桌面瀏覽器窗口寬度大於 1023px 時保持原樣。
臨時關閉移動端外殼¶
需要對比原始界面時，可用以下任一方式：
- 在網址後加查詢參數
?mobileShell=0 - 在瀏覽器控制檯執行：
localStorage.setItem('dsh-mobile-shell', '0')
執行後刷新頁面。關閉邏輯見項目 README。
適用場景與注意¶
適合誰： 經常在手機上使用 DSH Web 界面的開發者，或需要在窄窗口下查看 DSH 的用戶。
注意事項：
- 生效條件爲視口寬度 ≤ 1023px；寬屏桌面端無變化
- 插件通過
cordis.patch.yml與 client inject 接入 DSH，詳細部署、加載機制、開發與發佈、故障排查見倉庫 AGENTS.md - npm 包頁：dsh-mobile-hanui
結尾¶
dsh-mobile-hanui 針對 DSH 網頁在手機端的佈局問題做了針對性修復，安裝步驟短，啓用後無需額外配置。若你主要在手機上使用 DSH，可以按本文步驟接入。
- 社區目錄頁：https://www.skillhub.cn/plugins/Z-6354/dsh-mobile-hanui
- GitHub 倉庫：https://github.com/Z-6354/dsh-mobile-hanui
