四套主题移动端与抽屉导航验收
真实源码集成版 · 自动化测试与离线 Chromium 实测 · 2026-10-23
Python 全量回归
346
41 个测试模块 · 0 失败
四套内置主题
4/4
抽屉菜单和可选底部 Tabs 通过
手机布局组合
48
4 主题 × 4 页面类型 × 3 宽度
主题及布局检查
| 主题 | 页面类型 | 手机宽度 | 水平溢出 | 结果 |
|---|---|---|---|---|
| 汽车主题 | 4 类页面 | 375 / 390 / 430px | 0px | 通过 |
| 建材主题 | 4 类页面 | 375 / 390 / 430px | 0px | 通过 |
| 企业主题 | 4 类页面 | 375 / 390 / 430px | 0px | 通过 |
| 简约主题 | 4 类页面 | 375 / 390 / 430px | 0px | 通过 |
交互逻辑
- 手机右侧抽屉导航，多级目录可展开；支持遮罩、关闭按钮、Esc、焦点返回与滚动锁定。
- 手机底部 Tabs 默认关闭；可以从后台添加 1–5 个入口，并编辑文字、图标、顺序、链接。
- 可配置站内页面、HTTPS（WhatsApp 等）、拨号、邮箱，或“打开导航菜单”操作。
- 桌面版不显示手机底栏；已有导航和页脚保留。
- 配置先保存草稿，发布后在下一次静态构建中生效，不直接更新线上站点。
验收限制
Chromium 通过 page.set_content 对真实 HTML、CSS、JavaScript 模板离线渲染，以适配运行环境对 file:// 和 localhost 导航的限制；图片使用示例数据。并非真实线上网站、CDN、iOS Safari 或 Android 真机验收。
本次覆盖四套内置专业主题的四种代表性页面，不代表所有页面、所有设备或额外安装的第三方主题均已逐一审核。Art Design Pro 官方工程和 PostgreSQL/Redis 生产验收仍需独立完成。
技术文档：docs/V8_21_3_MOBILE_THEMES.md；原始浏览器日志：reports/mobile-v8213-browser.json。