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