用 Mobile HanUI 改善 DSH Web 的手机和平板体验

为 DSH Web 提供面向手机和平板的响应式交互层，包括抽屉式导航、全屏对话框、可拖动悬浮入口、历史消息加载和窄屏操作优化。

如果你的目标是改善 DSH Web 在手机和平板上的导航、对话框和窄屏操作，本教程会说明如何在 DeepSeek Harness（DSH）中准备、安装、配置、验证和回退 dsh-mobile-hanui。本文锁定作者仓库提交 27f11e7b7925；已复核固定提交的原始资料，未进行运行实测。

对应插件：查看 dsh-mobile-hanui 的功能、权限与兼容性说明。先确认它适合你的工作流，再执行安装。

先打开网页，再处理手机布局

HanUI 0.2.5 只改变已经能打开的 DSH Web 页面。电脑上的 DSH 仍需运行；它不创建公网隧道、不提供 iOS 原生应用，也不会替你解决手机无法连到电脑的问题。先在已有受控访问入口中打开原版页面，再安装界面插件。尚未选定方式时，先看手机使用方案对比。

先确认是否适合你

• 分类：界面交互
• 风险等级：low
• 核验证据：source_reviewed
• 兼容性边界：插件版本 0.2.5、MIT，未声明 Node.js 或 DSH peer 版本，通过 Cordis Patch 注入 DSH Web 客户端运行时与布局服务；本站完成固定提交静态审阅，未在当前 0.1.1-rc.2、iOS Safari、Android Chrome、横屏、软键盘或辅助功能下做真实设备回归
• 主要权限关注：仅在浏览器页面中调整 DOM、样式和交互状态，使用 localStorage 保存插件开关与悬浮按钮位置；Host 入口为空，不注册模型工具、网络接口、文件写入或命令执行能力

如果你准备在重要工作区使用，先阅读插件详情页的权限和数据流说明；“源码已审阅”或“资料已整理”都不等于安全认证。

安装前准备

本页 DSH 命令版本： 0.1.1-rc.2。既有插件教程与安装命令的固定 CLI 基线，独立于 npm 默认分发；不代表每个插件已在该版本或新版本运行验证。更新前须逐项审核配置证据。

• 已有访问入口：手机先能通过受控网络访问原版 DSH Web；插件只解决布局。

1. 安装 Node.js 22.19、Node.js 24 或项目当前声明支持的更高版本，并确认 pnpm 可用。
2. 使用独立的 web Profile 和可丢弃测试工作区，不直接连接生产目录。
3. 备份当前 Profile 配置，并记录安装前的 --dump-config 输出。
4. 核对固定来源中的外部服务、账号、运行时和平台限制。
5. 作者资料未显示明确的插件专属环境变量；如果运行时要求凭据，不要根据同类插件猜测变量名。

安装 dsh-mobile-hanui

52DSH 使用目录中记录的精确安装目标，避免直接跟随可能变化的默认分支：

npx --yes @deepseek-ai/[email protected] plugin --profile web add github:Z-6354/dsh-mobile-hanui#27f11e7b7925

GitHub 源码插件如果被 pnpm 拦截构建脚本，先检查终端提示的具体包和脚本。只在 web Profile 中放行确实需要的构建项，不要全局放行未知依赖。

插件专属配置

配置目标

• web Profile：仅安装一款移动布局插件，避免重复注入。

恢复自动适配

证据：固定来源 ↗（外部链接，在新标签页打开）。将路径、账号和凭据占位符替换为测试值。

localStorage.removeItem("dsh-mobile-shell");
location.reload();

安装后设置

1. 安装固定版本后重启 DSH Web，在手机刷新已有访问地址。
2. 保持页面查询中没有 mobileShell=0，再检查浏览器本地开关。

手机布局与关闭开关

固定源码的断点为视口宽度 ≤ 1023px。抽屉、悬浮入口、权限弹窗和历史加载在浏览器中调整；手机型号本身不是启用条件。作者未给出 iOS Safari、Android Chrome 的支持版本矩阵，本站没有真机回归记录。

临时恢复原界面：在当前地址的查询参数中加入 mobileShell=0 后刷新；已有查询参数时用 & 连接，保留其他必要参数。不要把带访问凭据的完整地址发给别人。恢复时移除此参数，同时检查下面的本地开关。

长期关闭可以在当前 DSH 网页的浏览器控制台执行：

localStorage.setItem("dsh-mobile-shell", "0");
location.reload();

恢复自动适配时移除 dsh-mobile-shell 这一项并刷新，不必清空整个站点存储。依据：客户端开关与断点 ↗（外部链接，在新标签页打开）。

配置验证与成功结果

先导出配置，再启动同一版本的 DSH Web：

npx --yes @deepseek-ai/[email protected] --profile web --dump-config
npx --yes @deepseek-ai/[email protected] web

1. 在手机或窄窗口中打开原版会话，按下方回归表检查抽屉、输入和权限确认。

   期望结果：界面可操作；记录环境，不把桌面窄窗口通过当作真机通过。

2. 用 mobileShell=0 刷新当前页面并比较。

   期望结果：恢复原版界面；网络访问和 DSH 权限没有因此消失。

第一次使用

• 只打开一个可丢弃会话，展开导航与设置，核对返回聊天区的路径。

手机回归检查表

这些是待使用者执行的验收步骤，不是已完成的设备测试。文件访问和工具权限仍由 DSH 决定，界面调整不增加文件隔离。

数据、权限与凭据

**数据流：**当前 DSH Web 页面结构与用户点击/拖动 → 浏览器内响应式布局和交互处理 → localStorage 中的少量界面偏好；没有发现提示词、会话、凭据或文件向外部服务发送。

**权限关注：**仅在浏览器页面中调整 DOM、样式和交互状态，使用 localStorage 保存插件开关与悬浮按钮位置；Host 入口为空，不注册模型工具、网络接口、文件写入或命令执行能力

**数据存储：**同一 DSH 网页 origin 的 localStorage 保存 dsh-mobile-shell 开关与 dsh-mobile-fab-pos 悬浮位置；Host 入口为空。

真实 Token、API Key、Cookie 和账号 ID 不应写进 Git 仓库、网页截图或公开 Issue。测试结束后撤销临时凭据。

卸载、回退与清理

停止 DSH 后，从同一个 Profile 移除包：

npx --yes @deepseek-ai/[email protected] plugin --profile web remove dsh-mobile-hanui

1. 用 mobileShell=0 临时关闭并刷新；这只关闭布局，不关闭远程访问。
2. 停止 DSH，从同一 web Profile 运行上方 remove 命令，再重启和硬刷新，核对 Bundle 消失。
3. 如需清理偏好，仅移除该 origin 下的 dsh-mobile-shell 与 dsh-mobile-fab-pos，不清空整个 localStorage；查询参数也应移除。

区分连接失败与界面失败

网页根本打不开时，先按Web 启动排查检查电脑服务和已有网络入口；调整 HanUI 开关不会建立连接。只有抽屉、弹窗或输入框异常时，才用 mobileShell=0 比较。固定源码依赖宿主 CSS 类名，DSH 更新后需要重新检查这些选择器；不要同时启用多套手机布局来叠加修复。

常见问题

停用后还是没有自动恢复布局

检查地址中的 mobileShell=0 和本地 dsh-mobile-shell=0，两者任一存在都会关闭适配。

手机无法连接电脑

先检查 DSH 进程和已有网络入口；HanUI 不提供代理或隧道。

安装成功但页面或命令没有出现

先运行 --dump-config 确认 Bundle 已进入 web Profile，再重启 DSH Web 并硬刷新浏览器。不要通过反复扩大权限来解决加载问题。

插件运行后没有得到预期结果

把问题缩小到本页的最小验证任务，检查作者文档要求的变量、外部服务和平台限制。保存终端错误原文，并核对当前安装目标是否仍对应本页固定提交。

作者固定资料中未识别到独立故障章节。遇到插件特有错误时，应先停止 DSH、保留日志并回退插件。

固定来源证据

以下资料是本文配置结论的依据：

• README.md ↗（外部链接，在新标签页打开）

继续查看：返回 dsh-mobile-hanui 插件详情页，重新核对兼容性、权限、同类插件和来源状态。