您的位置:首页 > Web前端 > JavaScript

JS 判断当前访问页面的是手机、平板或电脑

2017-08-04 17:09 393 查看
var os = function () {

    var ua = navigator.userAgent,

    isWindowsPhone = /(?:Windows Phone)/.test(ua),

    isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone,

    isAndroid = /(?:Android)/.test(ua),

    isFireFox = /(?:Firefox)/.test(ua),

    isChrome = /(?:Chrome|CriOS)/.test(ua),

    isTablet = /(?:iPad|PlayBook)/.test(ua) || (isAndroid && !/(?:Mobile)/.test(ua)) || (isFireFox && /(?:Tablet)/.test(ua)),

    isPhone = /(?:iPhone)/.test(ua) && !isTablet,

    isPc = !isPhone && !isAndroid && !isSymbian;

    return {

        isTablet: isTablet,

        isPhone: isPhone,

        isAndroid: isAndroid,

        isPc: isPc

    };

}();

var printExcel = document.getElementById("PrintExcel");

var nurseExcel = document.getElementById("NurseExcel");

var loginDiv = document.getElementById("LoginDiv");

var theFooter = document.getElementById("TheFooter");

//alert(loginDiv);

/*a判断是否是手机屏幕*/

if (os.isAndroid || os.isPhone) {

    if (printExcel != null) {

        printExcel.style.display = "none";

    }

    if (nurseExcel != null) {

        nurseExcel.style.display = "none";

    }

    if (loginDiv != null) {

        loginDiv.style.marginTop = "100px";

    }

    if (theFooter != null) {

        theFooter.style.display = "none";

    }

 

} else if (os.isTablet) {

    if (printExcel != null) {

        printExcel.style.display = "none";

    }

    if (nurseExcel != null) {

        nurseExcel.style.display = "none";

    }

    if (loginDiv != null) {

    }

    if (theFooter != null) {

        theFooter.style.display = "none";

    }

} else if (os.isPc) {

    if (nurseExcel != null) {

       // nurseExcel.style.display = "none";

    } if (loginDiv != null) {

        loginDiv.style.marginTop = "200px";

    }

    //alert("电脑端" + alarmAudioDiv);

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: