前言
如今,移动网页已成为趋势,但大多数站长都是使用自适应主题,如何解决手机端加载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文件。