【WordPress教程】手机设备判断代码禁止手机加载某些PC网页的资源加快速度 WordPress教程 第1张

前言

如今,移动网页已成为趋势,但大多数站长都是使用自适应主题,如何解决手机端加载pc的js或其他资源拖慢速度?这里教给大家一个非常简单的方法,可以完全把手机和pc网页加载的资源隔离开。

代码一

一个简单的if语句,wp_is_mobile是wordpress自带的函数,直接调用。可以使用在各种插件内,实现按需加载各种资源。

if( wp_is_mobile() ) {
// 这里填写手机端需要加载的资源
} else {
// 这里填写PC端需要加载的资源
}

代码举例

实现手机和PC加载不同的css文件,当然也可以是js文件。

if( wp_is_mobile() ) {
echo '<link rel="stylesheet" type="text/css" href="你的地址/mobile.css">';
} else {
echo '<link rel="stylesheet" type="text/css" href="你的地址/pc.css">';
}

代码二

判断是否手机设备,不是手机设备就加载。

<?php if(!wp_is_mobile()) echo '<script type="text/javascript" src="你的地址/pc.js"></script>';?>

以上代码适合在head和footer等PHP文件中直接使用,!wp_is_mobile的意思就是非手机设备,这句的意思是,非手机设备加载这个js文件。

 

 

参与评论