js检测访问设备的类型

最新推荐文章于 2023-09-22 17:23:55 发布

Ronux

最新推荐文章于 2023-09-22 17:23:55 发布

阅读量2.4k

点赞数 1

分类专栏： Web前端

本文链接：https://blog.csdn.net/chinazgr/article/details/49329101

版权

Web前端专栏收录该内容

14 篇文章 0 订阅

订阅专栏

目前移动互联网APP的网站多在网站主页面首先检测访问设备的类型，然后如果检测到是移动终端访问，会对访问地址重定向处理。一般采用代码如下。
1. 示例1

<script type="text/javascript">
//ismobile
  var mobileAgent = new Array("iphone", "ipod", "android", "mobile", "blackberry", "webos", "incognito", "webmate", "bada", "nokia", "lg", "ucweb", "skyfire");
  var browser = navigator.userAgent.toLowerCase();
  var isMobile = false;
  for(var i = 0; i < mobileAgent.length; i++) {
    if(browser.indexOf(mobileAgent[i]) != -1) {
      isMobile = true;
      location.href = '/app.html';
      break;
    }
  }
</script>

示例2

var browser = function () {
    var u = navigator.userAgent, app = navigator.appVersion;

    return {//移动终端浏览器版本信息 
        trident: u.indexOf("Trident") > -1, //IE内核
        presto: u.indexOf("Presto") > -1, //opera内核
        isWebKit: u.indexOf("AppleWebKit") > -1, //苹果、谷歌内核
        gecko: u.indexOf("Gecko") > -1 && u.indexOf("KHTML") == -1, //火狐内核
        isMobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
        isIos: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
        isAndroid: 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应该程序，没有头部与底部
        isWeChat: u.toLowerCase().match(/MicroMessenger/i) == 'micromessenger'
    };
}();