RyzeZhou/dsh-ui-mobile-layout

RyzeZhou★ 0JavaScript最后同步: 2026-08-19

在 GitHub 打开

deepseek-harness手机端页面适配插件

README 摘要

DSH Mobile UI Layout English 让 DeepSeek Harness 在手机上真正能用:窄视口下把桌面三栏重排为单栏 + 左侧抽屉, 并把官方设置面板改造成 手机原生两层导航 ——点设置进入全屏条目列表 → 点条目进入 该条目设置页 → 每级左上角左箭头返回。桌面宽屏完全不受影响。 能做什么 · 准备 · 安装 · 使用 · 注意事项与插件冲突 · 更新与卸载 · 原理 如果它帮到了你,欢迎在 GitHub 仓库右上角点一下 Star 。 效果预览 主对话页 全屏设置列表 条目详情页 侧边栏在手机端正常可用 能做什么 - 手机单栏布局 : 本插件的真实运行形态是 client bundle 插件 (责任在浏览器端),并 不修改/替换 官方任何 slot 的占用者——它只在窄视口下对 frame 外壳做样式重排、并为官方设置面板 叠加一个自有的全屏 overlay。桌面端不注册任何行为。 安装 手动安装(Windows,PowerShell) 把插件目录(或 tgz 解压后目录)放到目标实例的 profile node modules 下,然后在 profile 的 package.json 登记依赖与 bundle,最后重启该实例: 交给 Agent 安装 把下面的说明直接发给 Agent: 使用 安装重启后即自动生效,无需任何开关: 1. 用手机(或 DevTools 窄视口)打开 DSH; 2. 左侧抽屉:从屏幕左缘滑出(或点左上菜单按钮); 3. 点左上角设置入口 → 全屏设置列表; 4. 点任意条目 → 进入该条目具体设置页(标题 = 条目名); 5. 左箭头返回:详情 → 回到列表;列表 → 关闭设置。 注意事项与插件冲突 重要 —— 本插件在"基本功能"层面可用,但 DSH 是 PC 优先的 React 应用, 手机端适配存在边界。 - 已验证的插件环境 :本插件在自带官方基础插件(shell / ui-settings-general / ui-layout 等)的环境实测可用;在 该环境下 抽屉、两层设置导航、详情交互全部通过。 - 注意其他插件的冲突 :由于实现方式是对全局 frame 与官方设置面板做样式/行为叠加, 若同时安装以下类型插件, 可能冲突、需要逐个验证 : - 也做 移动端 样式重排的插件(如社区 dsh-ui-mobile 类)——若它对 sidebar 施加 transform ,会困住 fixed 弹窗,需二选一或核对覆盖顺序; - 也 重写/替换官方设置面板 或 role="dialog" 结构的插件; - 使用 极高 z-index 全屏浮层 的插件(本插件 overlay 用 z-index:2000 ,若对方的 弹层在其上方可能遮挡设置)。 - 遇到冲突时:先在独立实例(如 5070 …

在 GitHub 查看完整 README →
工具/开发dsh-plugin

分类