---
title: "用 Web Mobile 优化 DSH 的手机导航和对话布局"
seo_title: "DSH Web Mobile 设置：窄屏导航、输入区与会话布局"
description: "在 DeepSeek Harness（DSH）Web 中安装 Mobile 插件，优化窄屏导航、抽屉、标题栏、输入区、状态行和子 Agent 控件。"
canonical: https://52dsh.com/tutorials/mexiaosqwq-dsh-web-mobile-install-config/
authors: ["52DSH 编辑部"]
published_at: 2026-08-22
updated_at: 2026-08-22
verified_on: 2026-08-22
maintenance_status: community
verification_level: source_reviewed
risk_level: medium
plugin_id: mexiaosqwq-dsh-web-mobile
tutorial_kind: plugin_configuration
related_plugin_url: https://52dsh.com/plugins/mexiaosqwq-dsh-web-mobile/
---

# 用 Web Mobile 优化 DSH 的手机导航和对话布局

在 DeepSeek Harness（DSH）Web 中安装 Mobile 插件，优化窄屏导航、抽屉、标题栏、输入区、状态行和子 Agent 控件。

为 DSH Web 提供响应式移动端导航、抽屉、标题栏、状态行和对话布局，在窄屏手机上改善菜单、输入区、统计信息与子 Agent 控件的可用性。

如果你的目标是优化 DSH Web 在窄屏手机上的导航、输入区和子 Agent 控件，本教程会说明如何在 DeepSeek Harness（DSH）中准备、安装、配置、验证和回退 dsh-web-mobile。本文锁定作者仓库提交 `e1910533484b`；已复核固定提交的原始资料，未进行运行实测。

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

## 先确认是否适合你

- **分类**：界面交互
- **风险等级**：medium
- **核验证据**：source_reviewed
- **兼容性边界**：插件版本 2.0.0，客户端 peer 依赖明确覆盖 DSH 0.1.0-rc.6 以及 0.1.1-rc.0 至 <0.2.0；本站完成固定提交静态审阅，未对全部手机浏览器、桌面壳、横竖屏和第三方 UI 插件组合进行真机测试
- **主要权限关注**：仅在 DSH 浏览器客户端读取现有 DOM、视口和会话状态并注入样式、导航按钮与布局协调逻辑；未发现宿主命令、文件写入、外部网络或凭据处理能力

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

## 安装前准备

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

## 安装 dsh-web-mobile

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

```bash
npx --yes @deepseek-ai/dsh@0.1.1-rc.2 plugin --profile web add github:mexiaosqwq/dsh-web-mobile#e1910533484b
```

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

作者文档还出现了以下命令。它们用于核对功能或开发流程，不应替换上面的锁定安装命令，也不要一次全部执行：

- `dsh plugin --profile web add github:mexiaosqwq/dsh-web-mobile`
- `dsh plugin --profile web add link:/path/to/dsh-web-mobile`

## 插件专属配置

固定提交没有独立的完整配置章节。52DSH 不猜测字段名，先按最小权限完成 Profile 配置，再用下方检查确认插件实际入口。

**本类插件的最小权限设置：**先保留默认主题和布局，只启用一个界面能力；终端、文件写入或浏览器入口应分别确认权限后再打开。

### 没有公开的专属配置片段时

不要照搬其他插件的参数。先使用 `--dump-config` 确认实际 Bundle 名称，再进入插件新增的界面或命令入口；若入口仍要求参数，只采用本页来源链接中明确出现的字段。


## 配置验证与成功结果

1. **确认 Bundle 已加载**

   ```bash
   npx --yes @deepseek-ai/dsh@0.1.1-rc.2 --profile web --dump-config
   ```

   期望结果：组合配置中出现 `@dsh-external/dsh-mobile-nav` 或仓库声明的 Bundle 名称。

2. **启动 Web Profile**

   ```bash
   npx --yes @deepseek-ai/dsh@0.1.1-rc.2 web
   ```

   期望结果：DSH Web 正常启动，浏览器控制台和终端没有持续重复的插件加载错误。

3. **执行插件专属最小任务**

   启动 DSH Web 并硬刷新页面，确认新入口出现；随后停用插件，检查原界面可以恢复。

   期望结果：界面新增能力可见，原有会话仍可访问，关闭插件后不会留下阻断导航的状态。

## 第一次使用

- 在临时会话中打开新增面板或外观设置，完成一次不修改生产文件的交互。
- 只验证一个核心能力，保存输入、输出和日志；确认无异常后再扩大权限或数据范围。

## 数据、权限与凭据

**数据流：**当前 DSH 页面 DOM、视口尺寸、运行状态和本机 UI 偏好 → 客户端重排、响应式样式与移动导航 → 同一浏览器页面；未发现数据离开浏览器或写入工作区的路径。

**权限关注：**仅在 DSH 浏览器客户端读取现有 DOM、视口和会话状态并注入样式、导航按钮与布局协调逻辑；未发现宿主命令、文件写入、外部网络或凭据处理能力

**数据存储：**作者资料没有形成统一存储结论。测试时检查 web Profile、工作区、用户目录以及所连接的外部服务，并记录新增文件或远端数据。

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

## 卸载、回退与清理

1. 停止正在运行的 DSH Web。
2. 从同一个 Profile 移除插件：

   ```bash
   npx --yes @deepseek-ai/dsh@0.1.1-rc.2 plugin --profile web remove @dsh-external/dsh-mobile-nav
   ```

3. 再次运行 `--dump-config`，确认对应 Bundle 已消失。
4. 检查测试工作区、插件声明的数据目录和外部服务，手动删除测试数据并撤销测试凭据。卸载依赖不会自动删除这些数据。

## 常见问题

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

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

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

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

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

## 固定来源证据

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

- [README.md](https://github.com/mexiaosqwq/dsh-web-mobile/blob/e1910533484bed85dd5afbbb8dd1206de3b32132/README.md)

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

## 原始来源

- https://github.com/mexiaosqwq/dsh-web-mobile
- https://github.com/mexiaosqwq/dsh-web-mobile/blob/e1910533484bed85dd5afbbb8dd1206de3b32132/README.md