前言¶
DSH 的插件机制允许以独立插件形式扩展 Web UI。对于使用 DSH Web UI 的开发者或用户，如果需要在手机端或窄屏窗口中操作，需要处理字号层级、触控目标、输入区、侧边栏、设置页、消息区、统计行和 Markdown 表格等布局问题。dsh-mobile-css 是一个移动端适配插件，通过纯 CSS 注入和两个轻量辅助脚本优化手机端体验。
这是什么¶
dsh-mobile-css 是 DeepSeek Harness（DSH）Web UI 的移动端适配插件。仓库地址为：
https://github.com/ook826092-cloud/dsh-mobile-css
仓库路径中的用户名为 ook826092-cloud。许可证为 MIT License，package.json 中版本为 1.0.0。
它通过官方钩子注入：
WebServer.tapIndex()
整体方式为纯 CSS 注入 + 两个轻量辅助脚本，零依赖、零源码修改、随时可卸载。
核心功能¶
字号、字体与触控¶
- 紧凑字号体系与移动端字体栈。
- 安全触控目标：独立控件 ≥44px。
- 输入框防安卓聚焦自动缩放。
输入区¶
- 输入卡全宽贴边。
- 光标对齐修复。
- 模型名智能隐藏。
- 发送按钮贴右。
侧边栏与设置页¶
- 侧边栏抽屉式：展开覆盖主界面、点击遮罩关闭、收起时保留小图标条。
- 设置页两页式：全屏菜单页跳转全屏内容页并支持返回。
消息区与统计行¶
- 用户消息气泡占满整行。
- 底部操作条换行完整显示。
- 工具调用摘要允许换行。
- 统计行固定两行显示耗时+速度、缓存+Token。
Markdown 表格¶
- Markdown 表格长单元格内容自动换行。
触发条件¶
- 触发条件为
pointer: coarse或视口 ≤1024px。 - 桌面端完全不受影响。
安装与启用¶
下面介绍已核实的安装方式。
从 GitHub 安装¶
下面命令会将 dsh-mobile-css 添加到 web profile：
dsh plugin --profile web add github:ook826092-cloud/dsh-mobile-css
从包名安装¶
下面命令用于添加同名插件包：
dsh plugin --profile web add dsh-mobile-css
手动 patch¶
不经过包管理器时，编辑以下文件并加入 insert 条目：
~/.dsh/profiles/web/cordis.patch.yml
- insert:
- id: dsh-mobile-css
name: "dsh-mobile-css"
然后安装依赖并启动：
cd ~/.dsh/profiles/web
pnpm add dsh-mobile-css
dsh web
启用¶
经过上面的步骤后，按以下顺序启用：
1、重启 dsh web。
2、浏览器硬刷新。
3、打开 DSH Web UI。
卸载¶
删除 patch 中的 dsh-mobile-css 条目，然后重启：
dsh web
该插件只注入 CSS 和两个事件监听脚本，无网络请求、无凭证访问、无文件系统操作。
典型用法¶
下面是在手机端验证时可直接对照的步骤：
1、确认当前浏览器满足 pointer: coarse 或视口 ≤1024px。
2、打开 DSH Web UI，查看输入区、侧边栏、设置页、消息区、统计行和 Markdown 表格。
3、如果某项未按移动端样式显示，先检查触发条件，再检查 DSH Web 前端类名是否变化。
适用场景与注意¶
dsh-mobile-css 适合在移动端浏览器或窄屏窗口中使用 DSH Web UI 的场景。使用前注意以下事项：
- 适用于现代 Chrome / 系统浏览器；
:has()选择器需要 Chrome 105+。 - 插件按 DSH Web 前端的 CSS Modules 类名选择器编写；DSH 升级后如个别选择器失效，需复查对应类名。
- 许可证为
MIT License，package.json中版本为1.0.0。 - 该插件为纯 CSS + 两个事件监听脚本，无网络请求、无凭证访问、无文件系统操作。
- 若将其加入当前 profile，它会以当前
dsh进程权限运行；安装前应检查安装来源、源码和许可证。
结尾¶
经过上面的安装与检查，dsh-mobile-css 可以用纯 CSS 注入和两个轻量辅助脚本优化 DSH Web UI 的手机端布局与触控体验。相关地址如下：
