前言¶
DeepSeek Harness(DSH)的 Web GUI 在移動端通常需要縮放才能看清。對於習慣移動端交互的開發者來說,桌面佈局顯得笨重。dsh-wechat-mobile-skin 通過內存注入的方式,讓手機瀏覽器訪問 Web GUI 時自動呈現微信的會話列表與聊天界面,桌面端保持原樣。
核心功能¶
會話列表
歷史會話展示爲微信好友樣式:頭像使用會話標題首字 + 按標題哈希着色的圓角方塊,顯示暱稱(超長省略)、相對時間及未讀狀態點。
聊天頁
採用微信對話氣泡樣式:用戶消息爲綠色氣泡(#95EC69)右對齊,助手消息爲白色氣泡左對齊。支持劉海屏適配(viewport-fit=cover),並強制移動端使用淺色主題。
技術實現
插件通過內存注入實現,不修改 dist 文件。支持手機物理/手勢返回鍵,並自動適配移動端 UA。
安裝與配置¶
安裝插件:
dsh plugin --profile web add dsh-wechat-mobile-skin
安裝後,需在 cordis.patch.yml 中添加配置項。主要配置項包括:
enabled: 總開關,默認true。prefix: 靜態資源路由前綴,默認dsh-wechat-mobile-skin。navTitle: 會話列表頂部標題,默認DeepSeek。forceTablet: iPad 桌面模式 UA 也按移動端處理,默認true。
注意事項¶
- 皮膚爲微信淺色固定配色(移動端強制 light),桌面端深色偏好不受影響。
- 與直接修改
dist/index.html的插件互斥。 - 插件使用 MIT 許可證。
結語¶
該插件解決了移動端 Web GUI 交互體驗不佳的問題,無需修改源碼即可快速切換視圖風格。