<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>判斷手機型號</title>
<style type="text/css">
body{
font-size:200px;
}
</style>
</head>
<body>
<div class="ios"id="ios" >
判斷
</div>
</body>
<script src="jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
<script language="javascript">
window.onload = function () {
$('.ios').on('click',function(){
alert("1");
var u = navigator.userAgent;
if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {//安卓手機
alert("安卓手機");
// window.location.href = "mobile/index.html";
} else if (u.indexOf('iPhone') > -1) {//蘋果手機
// window.location.href = "mobile/index.html";
alert("蘋果手機");
} else if (u.indexOf('Windows Phone') > -1) {//winphone手機
alert("winphone手機");
// window.location.href = "mobile/index.html";
}
})
}
</script>
</html>