前言¶
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
