MediaWiki优化移动设备访问体验-MobileFrontent

最新推荐文章于 2024-06-02 09:32:37 发布
最新推荐文章于 2024-06-02 09:32:37 发布
阅读量2.1k 收藏 1
点赞数
分类专栏： 开源组件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/smok56888/article/details/50571027
版权
本文档详细介绍了如何优化MediaWiki以提升移动设备访问体验。首先，需要在PHP环境中启用mbstring扩展，通过编辑php.ini文件并启用extension=php_mbstring.so。接着，下载并安装MobileFrontend扩展，将压缩包解压并移动到指定目录。最后，在MediaWiki的LocalSettings.php中添加相关配置，加载MobileFrontend扩展并开启自动检测移动视图。
摘要由CSDN通过智能技术生成
最低0.47元/天 解锁文章
smok56888
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
rem与media标签实现移动端屏幕适配
lianlianlia的博客
11-30 7947
rem 作为一个低调的长度单位，由于手机端网页的兴起，在屏幕适配中得到重用。使用 rem 前端开发者可以很方便的在各种屏幕尺寸下，通过等比缩放的方式达到设计图要求的效果。(当然了,他是一个相对单位,以html中的font-size为基准,这也是优于以em为单位的好处) rem 的官方定义『The font size of the root element.』，即以根节点的字体大小作为基准值进
mediawiki配置
wf_wf_wf_1985的专栏
07-16 254
Halomenu http://www.smwplus.com/index.php/Help:Configuring_the_menu_structure_%28Ontoskin3%29
探索新一代维基体验：Citizen —— 漂亮、实用且响应式的MediaWiki皮肤
最新发布
gitblog_00024的博客
06-02 130
探索新一代维基体验：Citizen —— 漂亮、实用且响应式的MediaWiki皮肤 项目地址:https://gitcode.com/StarCitizenTools/mediawiki-skins-Citizen Citiz 项目地址:https://gitcode.com/StarCitizenTools/mediawiki-skins-Citizen ...
4-aco-dmenut:mediawiki MobileFrontend 的自定义菜单，在移动客户端上呈现桌面侧边栏
05-29
4-aco-dmenut 呈现桌面侧边栏的 mediawiki MobileFrontend 替代品。 建造 $ npm install $ make 或者 - 正如我们所做的 - 只需使用高级模式将 common.js 复制并粘贴到闭包编译器中。 用法 将build.js复制到MediaWiki:mobile.js 。 请注意，如果您想重用桌面图标，可能需要应用自定义样式，最突出的是图标反转样式。 您还可以使用移动定制的图像添加不同的图标类。 菜单定制 您可能希望向MediaWiki:mobile.css添加样式以提高菜单的可读性和可用性。 以下是上用于 4-aco-dmenut 的特定样式： /* sidebar */ body.skin-minerva .menu li.mw-ui-menu-current-page { background-color: #8c8c8c
mediawiki-extensions-MobileFrontend：这是来自https：gerrit.wikimedia.org的镜像。 请参阅https：www.mediawiki.orgwikiDeveloper_access以进行贡献
02-27
MobileFrontend扩展 MobileFrontend扩展将移动视图添加到您的mediawiki实例。 安装 请参阅 发展 目录结构 resources /：用于PHP消耗的文件。 src /：Webpack要处理的文件。 编码约定 请遵循MobileFrontend的编码约定： ://www.mediawiki.org/wiki/MobileFrontend/Coding_conventions 吊钩 默认情况下提供Git挂钩，以帮助遵守JavaScript代码标准，优化PNG文件等。运行这些挂钩需要node.js，NPM和grunt。 像这样安装： npm install 如果您没有运行Vagrant，请确保将MEDIAWIKI_URL env变量设置为本地索引路径，例如MEDIAWIKI_URL=http://localhost/index.php/ 提交中 提交很重
mediawiki-1.35.2.tar.gz
05-11
3. **用户体验改进**：界面设计更加人性化，包括改进了编辑工具，简化了新用户注册过程，以及增强了移动设备的适配性。这些改变旨在鼓励更多用户参与编辑和贡献内容。 4. **扩展与API**：MediaWiki 的强大之处在于...
Mediawiki-XAMPP
09-19
当前是部署Mediawiki用到的所有的软件。已经整理到了一起： ...Mediawiki-1.31.1 XAMPP-7.0.33-0-VC14 亲测可用。最新版本的XAMPP与Mediawiki版本会出现匹配不了的情况，当前资源已经汇总到了一起。
mediawiki-extensions-Ainut
04-09
mediawiki-扩展-Ainut 如何手动编辑应用程序： $ mng = new Ainut \ ApplicationManager ( wfGetLB () );$ app = $ mng -> findLatestByUser ( User :: newFromName ( 'Risblo' )-> getId () );$ fields = $ app -> ...
MediaWiki Extpack:MediaWiki软件扩展的集合。-开源
04-25
MediaWiki Extpack包含MediaWiki软件的有用扩展的集合。 多类别搜索扩展允许用户一次查找包含在多个指定类别中的Wiki页面。 MS SQL数据库身份验证扩展对用户进行身份验证，并从外部Microsoft SQL Server数据库获取...
mobile-wiki：移动网络上的Wiki页面
02-12
总览 Mobile Wiki是基于和构建的应用程序。 这种组合使我们能够将服务器端渲染的应用程序提供给最终客户端（在前端和后端执行相同的代码）。 访问移动维基 Devbox环境 从移动设备打开或在桌面浏览器中模拟它。 或使用curl -H "Host:muppet.yourname.wikia-dev.pl" "http://dev-yourname:7001/wiki/Kermit" 剧本 npm run setup -安装所有依赖项 npm run build为开发环境构建文件 npm run build-prod为产品环境构建文件 npm run fastboot-server构建的应用程序（要求首先构建应用程序） npm run dev构建，运行应用程序并监视文件 npm run test -运行测试 npm run linter linter-在ember项目外部的文件上运行E
bitnami-mediawiki-1.36.1-0-windows-x64-installer.exe
07-04
bitnami-mediawiki-1.36.1-0-windows-x64-installer
茴字的四种写法—移动适配方案的进化
weixin_33862514的博客
04-11 173
话说我刚工作的时候，就开始用rem了，过了没多久，接触到了flexible，系统化且支持iOS的retina屏迅速征服了我，最近又看到了大漠大神的vw。所以本文想完成一篇一站式的文章，可以系统的了解前端适配的演进。闲话少叙，马上开始。 1. 什么是前端适配 从UI展现层面上：我们期望不同尺寸的设备，页面可以自适应的展示或者进行等比缩放，从...
mediawiki常用设置
weixin_34244102的博客
08-31 459
修改mediawiki的logo图标在LocalSettings.php文件中添加或修改以下代码：//$wgLogo             = "$wgStylePath/common/images/wiki.png"; 新版已变成resources/assets/wiki.png $wgLogo             = "$wgStylePath/common/images/logo.p...
MediaWiki安装随记
weixin_30247159的博客
08-31 179
1.安装apache与php7。 注意：1.应该选择vc版本一直的apache与php7。php一般选择threadsafe版本 2.windows安装完成php7后，应该先stop再start不要直接restart，会导致环境变量无法刷新。 2.php7最低配置 开启扩展：fileinfo、mbstring、openssl、intl、(...
手动搭建mediawiki平台以及迁移方法
weixin_34403693的博客
01-27 827
2019独角兽企业重金招聘Python工程师标准>>> ...
mediawiki皮肤_如何为MediaWiki设置移动皮肤
cuma2369的博客
07-26 780
mediawiki皮肤More and more users are browsing the Internet using a mobile device. It is preferred to provide good experience for these users. One method to service a mobile version of the page to a user...
MediaWiki的性能优化方案
wxl847466025的博客
06-30 937
　　五月初，公司里打算搭建个知识库，看了一堆免费工具后，最终决定使用MediaWiki。作为一个C#程序猿，其实压根就不想碰PHP，主要原因是只部署一个站点，不会接触到多少开发类的知识，但领导强压下来，也只好照办了。 　　研究了大概一个星期，终于成功部署，采用环境是IIS+PHP+MYSQL。当录入第一条知识信息后，欣喜若狂的拿给领导看，领导说你这性能能不能再优化一下？ 　　确实，性能实在太差劲了，打开一个页面得花二十秒左右，是个人都忍不了这种速度。 　　于是百度优化方案，最初看到一条优化建议是加入Mem
mediawiki-1.31.0.tar.gz下载
09-27
Mediawiki-1.31.0.tar.gz是MediaWiki的一个版本，在下载之前，需要确保你已经有一个Web服务器环境，例如Apache，并且已经配置好了PHP和MySQL。以下是一个步骤指南： 1. 打开MediaWiki官方网站（https://www.mediawiki.org/），找到"Download MediaWiki"页面。 2. 在页面上，你将看到一个列表，列出了不同版本的MediaWiki。找到Mediawiki-1.31.0.tar.gz版本，并点击相关链接，开始下载。 3. 下载完成后，将压缩文件解压到你的Web服务器的网站根目录下，通常是/var/www/html/。 4. 确保你的Web服务器已经启动，并且PHP和MySQL已经正确安装和配置。 5. 打开你的Web浏览器，输入你的网站地址，例如http://localhost/，MediaWiki的安装页面将会显示。 6. 根据提示，设置你的数据库信息，包括数据库服务器的名称、用户名、密码以及数据库的名称。如果你还没有创建数据库，可以通过MySQL命令行或者phpMyAdmin创建一个新的数据库。 7. 输入一个适当的维基名称，这将作为你的维基站点的名称。 8. 继续根据提示填写一些额外的设置信息，如管理员用户名和密码等。 9. 点击"安装"按钮，MediaWiki将会完成安装过程。 10. 安装完成后，你将能够访问你的维基站点，并开始使用MediaWiki发布内容和管理你的维基站点了。 注意：在安装过程中，确保按照MediaWiki的要求设置了正确的文件权限和目录权限，这对于维基站点的正常运行是必要的。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值