移动端
手机访问会看到什么
如果没装 MobileFrontend,Chroma 仍然是响应式的:窄屏会收起左侧导航,正文自动限宽。
如果装 MobileFrontend 并设置 Chroma 为默认手机皮肤,手机访问会直接使用 Chroma:
- 左上角 ☰ 打开导航;
- 搜索折叠成放大镜;
- 页面标签和操作收成一排;
- 目录在窄屏隐藏;
- MobileFrontend 的章节默认展开,不会只剩标题。
配置步骤
- 安装 MobileFrontend;
- 在
LocalSettings.php加:
php
wfLoadExtension( 'MobileFrontend' );
$wgDefaultMobileSkin = 'chroma';- 用手机访问,或把浏览器 UA 切到手机,确认页面样式。
和 MinervaNeue 的关系
Chroma 不依赖 MinervaNeue。设置 $wgDefaultMobileSkin = 'chroma'; 后,手机端不会再使用 MinervaNeue。
MinervaNeue 可以继续安装,不影响 Chroma。
还要 ?useskin=chroma 吗
不需要。手机 UA 默认就是 Chroma。?useskin=chroma 只用于桌面 UA 强制预览 Chroma。
手机端还是旧皮肤?
按顺序检查:
$wgDefaultMobileSkin = 'chroma';是否在LocalSettings.php生效;- MobileFrontend 是否已加载;
- 清除浏览器 cookie 和缓存;
- 到
Special:Version确认 Chroma 已注册; - 是否有其他 MobileFrontend 配置覆盖了默认皮肤。
不装 MobileFrontend 可以吗?
可以。Chroma 本身支持响应式;MobileFrontend 只是负责手机检测和移动专用功能。