资讯专栏INFORMATION COLUMN

JS 判断PC、android、ios、微信浏览器

yexiaobai / 493人阅读

摘要:通过来判断判断访问此链接的操作系统初始化加载程序判断是不是移动端是否移动端是否移动端判断是不是微信浏览器是微信浏览器是微信浏览器不是微信浏览器不是微信浏览器判断浏览器所在机器操作系统版本黑莓系统黑莓系统黑莓系统

通过js userAgent来判断

判断访问此链接的操作系统

var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");
var flag = true;

/**
 * 初始化加载程序
 */
window.onload = function(){
    console.log(isMobile());
    console.log(isWechat());
    console.log(getOsVersion());
}

/**
 * 判断是不是移动端
 * @returns {boolean}
 */
function isMobile() {
    var userAgentInfo = navigator.userAgent;
    for (var v = 0; v < Agents.length; v++) {
        if (userAgentInfo.indexOf(Agents[v]) > 0) {
            flag = false;
            break;
        }
    }
    document.write("是否移动端-"+ !flag+"//");
    return "是否移动端-" + !flag;
}

/**
 * 判断是不是微信浏览器
 * @returns {boolean}
 */
function isWechat() {
    var ua = navigator.userAgent.toLowerCase();

    if(ua.match(/MicroMessenger/i)=="micromessenger"){
        document.write("是微信浏览器//");
        return "是微信浏览器";
    }
    else{
        document.write("不是微信浏览器//");
        return "不是微信浏览器";
    }
}

/**
 * 判断浏览器所在机器操作系统版本
 */
function getOsVersion(){
    var u = navigator.userAgent,version = "";
    if (u.indexOf("Mac OS X") > -1) {
        //ios
        var regStr_saf = /OS [d._]*/gi;
        var verinfo = u.match(regStr_saf);
        version ="ios" + (verinfo + "").replace(/[^0-9|_.]/ig,"").replace(/_/ig,".");
        document.write("ios");
    } else if (u.indexOf("Android") > -1
        || u.indexOf("Linux") > -1) {
        //android
        version ="android" + u.substr(u.indexOf("Android") + 8, u.indexOf(";", u.indexOf("Android")) - u.indexOf("Android") - 8);
        document.write("android");
    } else if (u.indexOf("BB10") > -1) {
        //黑莓bb10系统
        version ="黑莓bb10系统" +  u.substr(u.indexOf("BB10") + 5, u.indexOf(";", u.indexOf("BB10")) - u.indexOf("BB10") - 5);
        document.write("黑莓bb10系统");
    } else if (u.indexOf("IEMobile")) {
        //windows phone
        version ="windows phone";
        document.write("windows phone")
    }
    return version;
}

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/109120.html

相关文章

  • H5项目常见问题汇总及解决方案

    摘要:解决方案可以解决在手机上点击事件的延迟的模块,事件也是为了解决在的延迟问题显示屏原理及设计方案说明屏是一种具备超高像素密度的液晶屏,同样大小的屏幕上显示的像素点由个变为多个,如在同样带下的屏幕上,苹果设备的显示屏中,像素点个变为个。 原文链接 - https://github.com/FrontEndRo... H5项目常见问题及注意事项 Meta基础知识: H5页面窗口自动调整到设备...

    marser 评论0 收藏0
  • H5项目常见问题及注意事项

    摘要:解决方案可以解决在手机上点击事件的延迟的模块,事件也是为了解决在的延迟问题显示屏原理及设计方案说明屏是一种具备超高像素密度的液晶屏,同样大小的屏幕上显示的像素点由个变为多个,如在同样带下的屏幕上,苹果设备的显示屏中,像素点个变为个。 Meta基础知识: H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 //一、HTML页面结构 // width 设置viewport宽度,为一...

    shiyang6017 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<