js常见的判断移动端或者pc端或者安卓和苹果浏览器的方法总结

最新推荐文章于 2021-04-07 23:38:57 发布

weixin_34018202

最新推荐文章于 2021-04-07 23:38:57 发布

阅读量188

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/gscq073240/articles/8992679.html

很久之前写了一篇通过浏览器navigator判断浏览器版本或者手机类型，里面介绍了运用navigator判断浏览器类型。今天在这篇文章基础上做个补充吧！

js 判断安卓或者ios 之indexOf方式

//判断访问终端var browser={
    versions:function(){var u = navigator.userAgent, app = navigator.appVersion;return{
            trident: u.indexOf('Trident')>-1,//IE内核
            presto: u.indexOf('Presto')>-1,//opera内核
            webKit: u.indexOf('AppleWebKit')>-1,//苹果、谷歌内核
            gecko: u.indexOf('Gecko')>-1&& u.indexOf('KHTML')==-1,//火狐内核
            mobile:!!u.match(/AppleWebKit.*Mobile.*/),//是否为移动终端
            ios:!!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),//ios终端
            android: u.indexOf('Android')>-1|| u.indexOf('Linux')>-1,//android终端或者uc浏览器
            iPhone: u.indexOf('iPhone')>-1,//是否为iPhone或者QQHD浏览器
            iPad: u.indexOf('iPad')>-1,//是否iPad
            webApp: u.indexOf('Safari')==-1,//是否web应该程序，没有头部与底部
            weixin: u.indexOf('MicroMessenger')>-1,//是否微信 （2015-01-22新增）
            qq: u.match(/\sQQ/i)==" qq"//是否QQ};}(),
    language:(navigator.browserLanguage || navigator.language).toLowerCase()}

使用方法：

//判断是否IE内核if(browser.versions.trident){ alert("is IE");}//判断是否webKit内核if(browser.versions.webKit){ alert("is webKit");}//判断是否移动端if(browser.versions.mobile||browser.versions.android||browser.versions.ios){ alert("移动端");}

js 判断安卓或者ios 之正则表达式方式

if(/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)){//alert(navigator.userAgent);  //苹果端}elseif(/(Android)/i.test(navigator.userAgent)){//alert(navigator.userAgent); //安卓端}else{//pc端};