前言¶

DeepSeek Harness 的 Web UI 在 ≤700px 的窄屏窗口里，设置面板、侧栏、目录选择器和弹窗等元素可能不够适合移动端查看。dsh-web-mobile-fix 是一个用于 DSH Web profile 的插件，通过纯客户端 CSS 覆盖修复这些移动端布局问题。它不修改产品源码，适合需要在手机宽度窗口中使用 DeepSeek Harness Web UI 的开发者。

这是什么¶

dsh-web-mobile-fix 的定位是 “Mobile layout fixes for the DeepSeek Harness Web UI.”。仓库地址为：

https://github.com/AcidGr/dsh-web-mobile-fix

许可证为 MIT。

它面向 DeepSeek Harness Web UI 的窄屏场景，修复设置面板被压缩、侧栏挤压会话、目录选择器按钮布局、会话日志按钮占用空间、模型名显示、下拉和弹窗位置等问题。

核心功能¶

下面列出已核实的布局修复能力：

• 纯客户端 CSS overlay，作用于窄屏（≤700px）
• 设置面板变为全屏纵向布局
• 目录选择器底部的 Cancel / Confirm 固定在同一底行
• 侧栏全屏打开，而不是挤压会话区域
• 设置插件导航的 4 个按钮放在同一行
• 会话日志按钮折叠为图标
• 输入框中的模型名被隐藏，只保留 chevron
• 下拉框、弹窗、菜单居中渲染

安装与启用¶

先确认环境满足要求：

• 使用 DeepSeek Harness Web profile：dsh --profile web
• 使用任意 recent 0.1.x release

然后执行 bundle install（推荐方式）：

dsh plugin --profile web add dsh-web-mobile-fix

这条命令会把 dsh-web-mobile-fix 安装到 Web profile 中。

接着重启 dsh web，或等待 profile hot-reload，再强制刷新浏览器。

验证¶

在手机宽度窗口打开 Web UI，检查以下内容：

1、设置面板是否为全屏纵向布局
2、侧栏是否全屏打开
3、目录选择器的 Cancel / Confirm 是否在同一底行
4、下拉框、弹窗、菜单是否居中渲染

经过上面的步骤后，如果这些区域在手机宽度下显示正常，说明插件已经生效。

回滚¶

如果使用的是 bundle install，可以执行：

dsh plugin --profile web remove dsh-web-mobile-fix

该插件注入的 <style> 标签会在卸载时移除；它不修改产品源码，升级也不会覆盖它。

适用场景与注意¶

适合场景：

• 使用 DeepSeek Harness Web profile，且常用窄屏或手机宽度窗口
• 希望在不改产品源码的情况下修复设置面板、侧栏、弹窗的移动端显示

注意：

• 选择器针对产品 slot contracts，在版本线内稳定；重大产品改版后可能需要小幅更新
• 插件许可证为 MIT
• 插件会在当前 dsh 进程所管理的 Web profile 环境中加载；安装前建议检查仓库源码与许可证
• 它只在浏览器端注入 CSS，不改动产品源码
• 如 dsh 或 Web UI 版本变化，建议重新执行验证步骤

链接¶

GitHub：

https://github.com/AcidGr/dsh-web-mobile-fix