DSH Plugins
返回列表
dsh-ui-mobile-layout

dsh-ui-mobile-layout

客户端 更新于 2026.08.19

在终端中运行以下命令:

dsh plugin install RyzeZhou/dsh-ui-mobile-layout

将以下提示词粘贴到 DeepSeek Harness 对话框中:

在 DeepSeek Harness 中执行 dsh plugin install RyzeZhou/dsh-ui-mobile-layout 安装该插件,源码地址:https://github.com/RyzeZhou/dsh-ui-mobile-layout

插件介绍

DSH 是 PC 优先的 React 应用,手机窄视口下三栏布局挤压严重,设置面板更是几乎不可交互。dsh-ui-mobile-layout 以纯客户端 bundle 的方式介入:不替换、不修改任何官方 slot 占用者,仅在窄视口下对 frame 外壳做样式重排,并在官方设置面板之上叠加一个全屏 overlay,让手机端获得接近原生 App 的体验。

核心能力有两点。其一是布局重排:桌面三栏折叠为单栏主区域加左侧抽屉,抽屉使用 left 偏移而非 CSS transform,避免固定定位弹窗被困住。其二是设置导航:点击设置入口进入全屏条目列表,点击任意条目钻入具体设置页,左上角返回箭头逐级回退,交互与手机系统设置一致。宽屏下插件不注册任何行为,桌面体验完全不受影响。

适合在手机上使用 DSH 或在 DevTools 窄视口中调试布局的用户。需注意:由于实现方式是对全局 frame 和设置面板做样式与行为叠加,同时安装其他移动端重排插件、重写设置面板 dialog 结构或使用极高 z-index 全屏浮层的插件时可能冲突,建议在独立实例中验证组合后再投入使用。

截图预览

使用场景

  • 手机浏览 DSH 对话时自动切换为单栏加侧边抽屉布局
  • 在手机端打开设置面板,获得全屏列表到详情页再到返回的两层导航体验
  • 在 DevTools 窄视口中调试 DSH 的移动端表现,桌面宽屏完全不受影响

适合人员

  • 希望在手机上日常使用 DSH 的用户
  • 需要在 DevTools 窄视口中验证移动端布局的开发者
  • 寻找不侵入官方 slot 的轻量客户端适配方案的维护者