dsh-thumb:DSH Web 界面的手機適配殼

DeepSeek Harness (DSH) 的插件系統允許動態擴展功能。在手機端使用 DSH 的 Web 界面時,側邊欄展開會擠壓聊天內容,導致閱讀區域過窄;設置頁面在小屏幕上表現爲雙列布局,文字換行混亂且控件顯示不全。dsh-thumb 是一個適配插件,它通過改變佈局邏輯,將側邊欄改爲覆蓋層抽屜,並將設置頁調整爲全屏單列,以改善移動端的閱讀體驗。

核心功能

  • 側邊欄變爲覆蓋層抽屜:側邊欄不再擠壓聊天內容,聊天區域保持全寬。點擊會話列表會自動關閉抽屜。
  • 設置頁全屏化:設置頁面從雙列布局變爲全屏單列,修復了文字換行和控件顯示問題。
  • 調整談話記錄高度:針對手機閱讀距離調整了對話記錄的高度,提升閱讀舒適度。
  • 桌面端無感:插件僅影響視口寬度小於等於 1024px 且側邊欄被展開的場景,桌面端體驗保持不變。
  • 零硬編碼:不使用 CSS Modules 生成的哈希類名,而是通過語義後綴定位元素,減少 DSH 版本更新帶來的兼容性問題。

安裝與啓用

安裝插件:

dsh plugin --profile web add github:AliceLJY/dsh-thumb

確認 ~/.dsh/profiles/web/package.json 中的 dsh.profile.bundles 包含 dsh-thumb,然後重啓服務。

禁用插件

如果需要在不重啓服務的情況下禁用插件:

  • 在 URL 後添加 ?thumb=0
  • 或在控制台執行 localStorage.setItem('dsh-thumb','0') 並刷新頁面

本地開發

如果在本地開發該插件:

dsh plugin --profile web add link:/absolute/path/to/dsh-thumb

注意事項

  • 維護狀態:作者聲明爲個人工具,發佈即止,不承諾維護和問題響應。
  • 版本依賴:插件針對 dsh 0.1.0-rc.6 編寫。若升級 dsh 導致佈局錯亂,需修改 src/client.js 頂部的 LOCATORS 配置。
  • 已知問題:
  • 懸停提示可能會溢出屏幕右側。
  • 設置導航欄仍爲垂直堆疊而非水平滾動。
  • 助手回覆下方的操作行高度保持 28px,而用戶回覆下方的操作行高度縮小爲 24px。

總結

dsh-thumb 作爲一個輕量級的佈局適配插件,通過語義化定位和覆蓋層設計,解決了 DSH 在移動端的佈局痛點。更多細節可參考項目主頁:https://github.com/AliceLJY/dsh-thumb

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜