判断访问网页的是移动设备还是pc设备

快乐打工仔 分类:实例代码

比较人性化的网站通常要区分是移动设备还是pc电脑访问网页,以便显示不同的页面效果。

达到最好的用户体验,下面就分享一段能够实现此功能的代码。

代码实例如下:

function platform() {
  if (/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))) {
    if (window.location.href.indexOf("?mobile") < 0) {
      try {
        if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
          return 1;
        }else if (/iPad/i.test(navigator.userAgent)) {
          return 1;
        } else {
          return 1;
        }
      } catch (e) {}
    }
  } else {
    return 0;
  }
}
var isPC = platform();
if (isPC != 0) {
  window.location.href = "mobile.html";
}

platform()函数返回1那么表示是移动端访问,如果返回0那表示是pc端访问。

判断访问网页的是移动设备还是pc设备,这样的场景在实际项目中还是用的比较多的,关于判断访问网页的是移动设备还是pc设备就介绍到这了。

判断访问网页的是移动设备还是pc设备属于前端实例代码,有关更多实例代码大家可以查看

回复

我来回复
  • 暂无回复内容