js怎么判断移动设备是Android还是iPhone，接着判断Android下设备是ipad还是手机

Posted 2023-04-30

参考技术A 正好我之前弄了个浏览终端检测的页面，http://foumu.com/m/info.html
JS代码如下：

$(document).ready(function()
/* 智能机浏览器版本信息:*/
var str="";
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.*/)||!!u.match(/AppleWebKit/), //是否为移动终端
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 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
iPad: u.indexOf('iPad') > -1, //是否iPad
webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部
;
(),
language:(navigator.browserLanguage || navigator.language).toLowerCase()

str+="浏览器分辨率: "+document.documentElement.clientWidth+"*"+document.documentElement.clientHeight;
str+="<br>屏幕分辨率: "+window.screen.width+"*"+window.screen.height;
str+="<br>浏览器语言版本: "+browser.language;
str+="<br>是否为移动终端: "+browser.versions.mobile;
str+="<br>ios终端: "+browser.versions.ios;
str+="<br>android终端: "+browser.versions.android;
str+="<br>是否为iPhone: "+browser.versions.iPhone;
str+="<br>是否iPad: "+browser.versions.iPad;
str+="<br>"+navigator.userAgent;

$(".box:first").html(str);
);

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

<%-- 手机端电脑端判断--%>
<script type="text/javascript">
$(document).ready(function ()
//平台、设备和操作系统
var system =
win: false,
mac: false,
xll: false
;
//检测平台
var p = navigator.platform;
system.win = p.indexOf("Win") == 0;
system.mac = p.indexOf("Mac") == 0;
system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
//跳转语句
if (system.win || system.mac || system.xll) //转向后台登陆页面
window.location.href = "index.html";
else
window.location.href = "HomeIndex.aspx";//手机

);

</script> 参考技术A 你可以获取浏览器的userAgent。
userAgent 属性是一个只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值。
但是我建议使用是否支持某个只在移动端支持的属性来判断什么设备，因为userAgent是可以伪造的。本回答被提问者采纳