业务需求上，经常会有移动端添加引导下载app，IOS引导到app store，安卓引导到应用宝等。
检测当前设备是否为移动端，是否为IOS系统
核心是利用userAgent
| 检测源 | code |
|---|---|
| 是否为移动端 | !!navigator.userAgent.match(/AppleWebKit.Mobile./) |
| 是否为IOS | !!navigator.userAgent.match(/(i[^;]+;( U;)? CPU.+Mac OS X/) |
| 检测浏览器语言 | navigator.language |
| 检测浏览器语言（非IE） | navigator.browserLanguage |
在线demo，可点击
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>systemCheck</title>
</head>
<body>
<p>判断当前设备的情况，是否是移动端，是否为IOS系统</p>
<p id="systemResult"></p>
</body>
<script>
// 判断是否为移动端
var u = navigator.userAgent;
var systemResult = document.querySelector("#systemResult");
if(!!u.match(/AppleWebKit.*Mobile.*/)) {
if(!!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) {
systemResult.innerText = "当前设备为Mobile，为IOS系统";
} else {
systemResult.innerText = "当前设备为Mobile，非IOS系统";
}
} else {
systemResult.innerText = "当前设备非Mobile";
}
</script>
</html>
网友评论