---
title: "用 Mobile HanUI 改善 DSH Web 的手机和平板体验"
seo_title: "DSH Mobile HanUI 设置：手机导航、对话框与窄屏操作"
description: "在 DeepSeek Harness（DSH）Web 中安装 Mobile HanUI，启用抽屉导航、全屏对话框、悬浮入口、历史加载和窄屏优化。"
canonical: https://52dsh.com/tutorials/z-6354-dsh-mobile-hanui-install-config/
authors: ["52DSH 编辑部"]
audience: []
outcomes: []
prerequisites: ["Node.js 与 pnpm","独立 web Profile","可丢弃测试工作区"]
difficulty: beginner
estimated_action_time: null
next_steps: null
published_at: 2026-08-22
updated_at: 2026-09-07
verified_on: 2026-09-07
maintenance_status: community
verification_level: source_reviewed
risk_level: low
dsh_version: 0.1.1-rc.2
plugin_id: z-6354-dsh-mobile-hanui
tutorial_kind: plugin_configuration
related_plugin_url: https://52dsh.com/plugins/z-6354-dsh-mobile-hanui/
---

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

在 DeepSeek Harness（DSH）Web 中安装 Mobile HanUI，启用抽屉导航、全屏对话框、悬浮入口、历史加载和窄屏优化。

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

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

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

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

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

## 先确认是否适合你

- **分类**：界面交互
- **风险等级**：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 使用目录中记录的精确安装目标，避免直接跟随可能变化的默认分支：

```bash
npx --yes @deepseek-ai/dsh@0.1.1-rc.2 plugin --profile web add github:Z-6354/dsh-mobile-hanui#27f11e7b7925
```

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



## 插件专属配置

### 配置目标

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

### 恢复自动适配

证据：[固定来源](https://github.com/Z-6354/dsh-mobile-hanui/blob/27f11e7b7925fafcd63926dfefde11cfc1197cf3/src/client.js)。将路径、账号和凭据占位符替换为测试值。

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

### 安装后设置

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


## 手机布局与关闭开关

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

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

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

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

恢复自动适配时移除 `dsh-mobile-shell` 这一项并刷新，不必清空整个站点存储。依据：[客户端开关与断点](https://github.com/Z-6354/dsh-mobile-hanui/blob/27f11e7b7925fafcd63926dfefde11cfc1197cf3/src/client.js)。

## 配置验证与成功结果

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

```bash
npx --yes @deepseek-ai/dsh@0.1.1-rc.2 --profile web --dump-config
npx --yes @deepseek-ai/dsh@0.1.1-rc.2 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 移除包：

```bash
npx --yes @deepseek-ai/dsh@0.1.1-rc.2 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 启动排查](/errors/web-ui-start-failed/)检查电脑服务和已有网络入口；调整 HanUI 开关不会建立连接。只有抽屉、弹窗或输入框异常时，才用 `mobileShell=0` 比较。固定源码依赖宿主 CSS 类名，DSH 更新后需要重新检查这些选择器；不要同时启用多套手机布局来叠加修复。

## 常见问题

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

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

### 手机无法连接电脑

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

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

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

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

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

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

## 固定来源证据

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

- [README.md](https://github.com/Z-6354/dsh-mobile-hanui/blob/27f11e7b7925fafcd63926dfefde11cfc1197cf3/README.md)

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

## 原始来源

- https://github.com/Z-6354/dsh-mobile-hanui
- https://github.com/Z-6354/dsh-mobile-hanui/blob/27f11e7b7925fafcd63926dfefde11cfc1197cf3/README.md
- https://github.com/Z-6354/dsh-mobile-hanui/blob/27f11e7b7925fafcd63926dfefde11cfc1197cf3/src/client.js
- https://github.com/Z-6354/dsh-mobile-hanui/blob/27f11e7b7925fafcd63926dfefde11cfc1197cf3/src/index.js