欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

javascript - 有没有js语句 使特定的js和css在移动端不加载?

程序员文章站 2022-06-12 17:37:38
...
我的网站由于用了静态缓存,而导致了wp_is_mobile()这个函数失效了
请问有没有js的方法可以替代掉wp_is_mobile()这个函数呢?
为了使某些js和css在仅在在PC端加载,而移动端不加载。
(百度,Google已烂,如果你有好的方法,恳请帮助 )

回复内容:

我的网站由于用了静态缓存,而导致了wp_is_mobile()这个函数失效了
请问有没有js的方法可以替代掉wp_is_mobile()这个函数呢?
为了使某些js和css在仅在在PC端加载,而移动端不加载。
(百度,Google已烂,如果你有好的方法,恳请帮助 )

看问题描述是需要写一个wp_is_mobile方法,如果是这样的话,提供个简单方法。

var browserRedirect = function() {
    var sUserAgent = navigator.userAgent.toLowerCase();
    var systemclass = {};
    systemclass.bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
    systemclass.bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
    systemclass.bIsMidp = sUserAgent.match(/midp/i) == "midp";
    systemclass.bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
    systemclass.bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
    systemclass.bIsAndroid = sUserAgent.match(/android/i) == "android";
    systemclass.bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
    systemclass.bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
    systemclass.bIsWX = sUserAgent.match(/MicroMessenger/i) == "micromessenger";
    return systemclass;
};
var nowclass = browserRedirect();

if (nowclass.bIsIpad || nowclass.bIsIphoneOs || nowclass.bIsMidp || nowclass.bIsUc7 || nowclass.bIsUc || nowclass.bIsAndroid || nowclass.bIsCE || nowclass.bIsWM) {
    if (nowclass.bIsIphoneOs || nowclass.bIsIpad || nowclass.bIsMidp) { //如果是ios移动设备
        window.location.href = "ios需要跳转的地方";
        if (nowclass.bIsWX) { //解决以微信内核浏览器打开无法直接跳转给出提示点击跳转至safari打开
            document.getElementById("tipsid").style.display = "block";
        }
    } else if (nowclass.bIsAndroid) { //如果是android移动设备
        window.location.href = "android需要跳转的地方";
    }
} else {
    window.location.href = "PC端跳转去的地方";
}