如何在 Mediawiki 中启用网站的移动视图？答案

【问题标题】：How to enable Mobile view for site in Mediawiki?如何在 Mediawiki 中启用网站的移动视图？
【发布时间】：2019-03-30 12:35:31
【问题描述】：

我相信我已经遵循了以下所有内容：Extension:MobileFrontend

我想知道我从维基百科所做的导出是否会影响我的移动视图。

http://www.gwart.co.uk/

我在 localSettings.php 中安装了 1.33.0 版本

wfLoadExtension( 'MobileFrontend' );

$wgMFAutodetectMobileView = true;

wfLoadSkin( 'Vector' );

$wgMFDefaultSkinClass = 'SkinVector'; // use Vector skin

我现在可以在页面底部看到一个按钮，上面写着Mobile 虽然单击它，但确实重定向了页面。我希望这个视图会根据屏幕大小自动改变。

无论我是否点击此按钮并更改视图，在查看方面并没有真正改变，它对移动用户仍然不友好。

我是否错过了正确设置移动视图的步骤？

【问题讨论】：

标签： javascript html css mediawiki wikipedia

【解决方案1】：

如果您想将 Vector 用作移动皮肤，您需要在 LocalSettings.php 文件中添加以下内容：

$wgVectorResponsive = true;

请注意，您需要使用 MediaWiki 1.26 或更高版本，并且 Vector“响应模式”没有得到积极维护。我建议您安装和配置 MinervaNeue（维基百科和其他维基媒体项目的默认移动皮肤）：

wfLoadSkin( 'MinervaNeue' );
$wgMFDefaultSkinClass = 'SkinMinerva';

【讨论】：

太棒了，谢谢你。所以我需要删除VectorResponsive 并切换到minervaNeue 基本上？那么它会默认响应吗？没有从维基百科导出任何东西？
不，只需安装 MinervaNeue，在 LocalSettings.php 中启用它就可以了。 :)
嗯，很有趣，我现在在我的网站上运行它，如果不点击底部的mobile 按钮，它仍然不适合移动设备，但即便如此，它仍然是垃圾
将皮肤作为类似于 Vector 的移动优先皮肤。 WPTouch 皮肤专为极小屏幕设计，针对不同尺寸有不同的布局。

【解决方案2】：

您可以安装和启用扩展移动前端 https://www.mediawiki.org/wiki/Extension:MobileFrontend

它将自动检测移动设备并将视图切换到移动视图。因此，现在您可以为台式机和笔记本电脑以及移动设备使用您选择的皮肤，MobileFrontEnd 将自动启动希望这会有所帮助

【讨论】：