<!DOCTYPE html>
<html>
<head>
<title>手机系统版本测试</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
</head>
<body>
</body>
<script type="text/javascript">
//手机端判断各个平台浏览器及操作系统平台
function checkPlatform() {
var ua = navigator.userAgent.toLowerCase();
console.log(ua);
if (/android/i.test(navigator.userAgent)) {
var test = /android\s([\w.]+)/;//IE
var match = test.exec(ua);
console.log(match);
document.write("This is Android "+ match[1] +" browser."); //这是Android平台下浏览器
var version = match[1].split(".")[0];
if(version < 5){
alert('您的Android系统版本低于5.0!');
}
}
if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
var test = /os\s([\w_]+)/;//IE
var match = test.exec(ua);
var version = match[1].split("_")[0];
document.write("This is iOS " + version + " browser."); //这是iOS平台下浏览器
}
if (/MicroMessenger/i.test(navigator.userAgent)) {
document.write("This is MicroMessenger'browser."); //这是微信平台下浏览器
}
}
window.onload = function() {
checkPlatform();
}
</script>
</html>