怎么用js判断是pc端还是手机端

怎么用js判断是pc端还是手机端,第1张

<%-- 手机端电脑端判断--%>

<script type="text/javascript">

$(document)ready(function () {

//平台、设备和 *** 作系统

var system = {

win: false,

mac: false,

xll: false

};

//检测平台

var p = navigatorplatform;

systemwin = pindexOf("Win") == 0;

systemmac = pindexOf("Mac") == 0;

systemx11 = (p == "X11") || (pindexOf("Linux") == 0);

//跳转语句

if (systemwin || systemmac || systemxll) {//转向后台登陆页面

windowlocationhref = "indexhtml";

} else {

windowlocationhref = "HomeIndexaspx";//手机

}

});

</script>

可以!

1、使用mobile-detectjs

2、html

<!DOCTYPEhtml>

<html>

<head>

<meta>

<metaname="viewport"

content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">

<title>JS获取手机型号和系统</title>

</head>

<body>

</body>

<script src="jqueryjs"></script>

<script src="mobile-adaptjs"></script>

<script>

//判断数组中是否包含某字符串

Arrayprototypecontains=function(needle){

for(iinthis){

if(this[i]indexOf(needle)>0)

returni;

}

return-1;

}

vardevice_type=navigatoruserAgent;//获取userAgent信息

documentwrite(device_type);//打印到页面

varmd=newMobileDetect(device_type);//初始化mobile-detect

varos=mdos();//获取系统

varmodel="";

if(os=="iOS"){//ios系统的处理

os=mdos()+mdversion("iPhone");

model=mdmobile();

}elseif(os=="AndroidOS"){//Android系统的处理

os=mdos()+mdversion("Android");

varsss=device_typesplit(";");

vari=ssscontains("Build/");

if(i>-1){

model=sss[i]substring(0,sss[i]indexOf("Build/"));

}

//判断是否是oppoR9s

if(model="OPPOR9s"){

alert('您的手机是OPPOR9s')

}

if(model=="MI6"){

alert('您的手机是小米6')

}

}

alert('111'+model+'2222');//打印系统版本和手机型号

</script>

</html>

在H5页面的开发中,肯定会遇到获取手机的型号等需求,使用js的navigator对象,能获取到有关浏览器的相关信息,但想获取手机使用的系统等更多内容还是有局限性的。

在网上搜到一个好用的获取手机型号和系统的插件 mobile-detectjs

2引用mobile-detectjs

实例化一个MobileDetect

在浏览器中使用三星模拟器测试可以打印安卓型号 50:

使用iphone打印iphone型号ios11:

这个还是不能准确定位使用的是什么型号的手机,但可以通过返回的信息判断使用的是安卓还是苹果的,比如苹果结合获取设备屏幕大小和io系统的型号就可以判断出使用的是什么iphone手机,至于安卓手机类型比较多,就要复杂很多啦,大家知道的可以相互分享啊。

以上就是关于怎么用js判断是pc端还是手机端全部的内容,包括:怎么用js判断是pc端还是手机端、html 或者HTML5 加上js能获取手机设备的id号吗、mobile-detect.js获取手机型号和系统等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9732582.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存