基于javascript实现判断移动终端浏览器版本信息

点击(此处)折叠或打开

or_app.html
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>偶然-陌生人交友,手机APP下载页</title>
<script type="text/javascript">
// 获取终端的相关信息
/*
* 智能机浏览器版本信息:
*
*/
var browser = {
versions: function() {
var u = navigator.userAgent + 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()
}
if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {
window.location="https://itunes.apple.com/cn/app/ou-ran-ou-ran-yu-jian-fu-jin/id956817409?mt=8";
}
else if (browser.versions.android) {
window.location="or_andrapp.html";
}
else
{
window.location="or_index.html";
}
</script>
</head>
<body>
请在浏览器中打开
</body>
</html>
or_andrapp.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>偶然手机端下载</title>
</head>
<body>
<style type="text/css">
*{margin:0; padding:0;}
img{max-width: 100%; height: auto;}
.test{height: 400px; max-width: 500px; font-size: 20px; }
.test a {width:260px; background:#51adee; display:block; color:#fff; padding:5px 8px ; margin:50% auto 0; text-align:center; text-decoration:none}
</style>
<div class="test"><a href="http://mp.weixin.qq.com/mp/redirect?url=http://chat-zrwt.oss-cn-hangzhou.aliyuncs.com/apk%2FOuran.apk#weixin.qq.com#wechat_redirect ">偶然Android手机端下载</a></div>
<script type="text/javascript" src="http://libs.useso.com/js/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript">
function is_weixin() {
var ua = navigator.userAgent.toLowerCase();
if (ua.match(/MicroMessenger/i) == "micromessenger") {
return true;
} else {
return false;
}
}
var isWeixin = is_weixin();
var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight;
//在这里添加最后一行
if(isWeixin){
$("body").append(weixinTip);
}
$("#weixinTip").css({
"position":"fixed",
"left":"0",
"top":"0",
"height":winHeight,
"width":"100%",
"z-index":"1000",
"background-color":"rgba(0,0,0,0.8)",
"filter":"alpha(opacity=80)",
});
$("#weixinTip p").css({
"text-align":"center",
"margin-top":"20%",
"padding-left":"5%",
"padding-right":"5%"
});
</script>
</body>
</html>

var weixinTip = $('

基于javascript实现判断移动终端浏览器版本信息-LMLPHP

'); //添加到上面标注的地方

zhuzusong

基于javascript实现判断移动终端浏览器版本信息