js判断手机端还是pc端

小知识 08-19 14:10

前端js判断是否为手机端和PC电脑端

1、前端js通过Navigator对象判断是否为手机端或PC端,Navigator对象包含有关浏览器的信息。所有浏览器都支持该对象。主要是通过Navigator.userAgent 返回由客户机发送服务器的 user-agent 头部的值来判断。

function isMobile() {
  var sUserAgent = navigator.userAgent.toLowerCase();
  if(/android|webos|iphone|ipad|ipod|symbianos|windows phone|blackberry|iemobile|opera mini/i.test(sUserAgent) ) {
     return true
  } else {
     return false
  }
}


2、根据屏幕物理分辨率的宽高判断是否是手机。注:这种方法不准确,现在手机屏分辨率都很高。

function isMobileByScreen() {
  var screen_width = window.screen.width;
  var screen_height = window.screen.height;   
  if(screen_width < 500 && screen_height < 800){
    return true
  } else {
return false
  }

js判断是否为IOS设备

function IsAppleStore() {
 var u = navigator.userAgent;
 app = navigator.appVersion;
 var ios = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/);
 var iPad = u.indexOf('iPad') > -1;
 var iPhone = u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1;
 if (ios || iPad || iPhone) {
  return true;
 }
 else {
  return false;
 }
}

js判断是否为Android设备

function IsAndroidList() {
 var u = navigator.userAgent;
 if (u.indexOf('Android') > -1 || u.indexOf('Adr') > -1) {
  return true
 } else {
  return false
 }
}