DSH Web 界面的移动端适配:窄屏下把桌面三栏布局改造成触屏友好的手机布局(覆盖式抽屉、可拖拽悬浮按钮、全屏弹窗、上滑加载历史),1024px 断点内生效,桌面端零影响。 — 基于 dsh-mobile-gate 的完整移动端 PWA:安全远程访问网关 + 可安装到主屏(manifest + service worker)+ 离线可用 + 触屏手势(下拉刷新/边缘返弹/捏合缩放字体)+ agent 完成推送 + 触屏优先布局,桌面零影响。
安装
# npm 包(预构建)
dsh plugin --profile web add dsh-mobile-hanui
# GitHub 源码(首次需按提示配置 allowBuilds 构建授权后重试)
dsh plugin --profile web add github:Z-6354/dsh-mobile-hanui
装任何插件都等于在你的机器上跑第三方代码,权限和你本人一样大——能读你的文件、用你的凭据、访问网络,工具审批管不到它。GitHub 来源的插件还会在安装时执行构建脚本。请只安装可信来源,并尽量锁定 commit(github:owner/repo#sha)。
README
让 DeepSeek Harness 的 Web 界面在手机上正常使用。
它解决什么问题
DSH 的网页界面是按桌面端设计的,在手机浏览器上会出现侧边栏撑满屏幕、弹窗错位、输入框被裁剪等问题。这个插件会在窄屏(手机 / 窄窗口,视口宽度 ≤ 1023px)下自动把界面调整成适合触屏的布局。
它只影响手机端显示,桌面端没有任何变化。
做了什么
- 侧边栏、详情面板变成左右抽屉,点一下滑出,不再挤压聊天区
- 提问、权限确认、设置等弹窗在手机上全屏居中显示,不再被裁掉
- 悬浮菜单按钮(可拖动),点击/下拉打开侧边栏
- 上滑到顶部自动加载更早的对话历史
- 切换会话不再自动弹出软键盘
- 子代理目录、模型选择、推理等级、模式选择在小屏正常显示
安装
cd ~/.dsh/profiles/web
pnpm add dsh-mobile-hanui
然后在 ~/.dsh/profiles/web/package.json 的 dsh.profile.bundles 数组里加入 "dsh-mobile-hanui",重启 dsh web 服务。
安装并重启后,在手机打开 DSH 网页即可,无需其它配置。
临时关闭
- 在网址后加
?mobileShell=0,或 - 在浏览器控制台执行
localStorage.setItem('dsh-mobile-shell', '0')后刷新。
更多
MIT License
链接
同类插件
zhu1090093659/dsh-web-ui#packages/dsh-web-ui-all★ 3362
DSH Web UI 插件与皮肤合集:任务看板、git 图、右侧面板、远程移动端 UI、桌宠、实时 token 统计与皮肤中心。
omdsh-dev/DSH-better-sidebar★ 1600
侧边栏完整工作台:内置文件渲染编辑、终端、Git 与子代理,支持三方插件注册新 Tab。
ccch1mneyyy/dsh-TUI★ 1519
Claude Code 风格全屏终端 UI:像素鲸鱼顶栏、实时工作状态行、思考流式展开。
omdsh-dev/dsh-at-file★ 262
Codex 风格的 `@file` 文件引用,输入框里直接搜索并引用工作区文件。
huiliyi37/dsh-tianshu-tui★ 190
DeepSeek Harness 的终端 UI(TUI)。
Nagi-ovo/dsh-visualize★ 159
对话内生成式 UI:模型把交互式 HTML 卡片直接画进会话流,带流式预览与沙箱渲染。