js判断微信和QQ打开提示在浏览器打开，并识别手机系统给出不同的下载链接

qq_22650841 2018-03-15 03:20:07





<!DOCTYPE html>

<html lang="zh_CN">

<head>

	<meta charset="UTF-8">

	<meta http-equiv="X-UA-Compatible" content="IE=edge">

	<meta name="description" content="">

	<meta name="keywords" content="">

	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

	<meta name="renderer" content="webkit">

	<script type='text/javascript' src='http://libs.baidu.com/jquery/1.9.1/jquery.min.js?ver=lastest'></script>

</head>



<body>

	<style type="text/css">

		@charset "utf-8";

		body, h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,pre,form,

		fieldset,legend,button,input,textarea{margin: 0;padding: 0;}

		body,button, input, select, textarea{font: 12px/1.5 tahoma, arial, 5b8b4f53, sans-serif;}

		h1, h2, h3, h4, h5, h6 { font-size: 100%; }

		address, cite, dfn, em, var { font-style: normal; }

		code, kbd, pre, samp { font-family: courier new, courier, monospace; }

		small { font-size: 12px;}

		ul, ol { list-style: none; }

		a { text-decoration: none; display:block;}

		a:hover { text-decoration: underline; }

		legend { color: #000; }

		fieldset, img { border: 0; }

		button, input, select, textarea { font-size: 100%; }

		table { border-collapse: collapse; border-spacing: 0; }

		.ct{margin: 0 auto;}

		.fl{float: left;}

		.fr{float: right;}

		.cf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

		.cf{*zoom:1;}

		.db{display: block;}

		.dn{display: none;}

		.wrap{overflow: hidden;max-width: 640px;background: #000;padding-top: 115px;}

		.img100{width: 100%;display: block;}

		.fix{position: fixed;left: 0;top: 0;width: 100%;z-index: 10;}



		.p{text-align: center;padding: 15px 0;}



		*{margin:0; padding:0;}

		a{text-decoration: none;}

		img{max-width: 100%; height: auto;}

		.weixin-tip{display:none;position:fixed;left:0;top:0;background:rgba(0,0,0,0.8);filter:alpha(opacity=80);width:100%;height:100%;z-index:100;}

		.weixin-tip p{text-align:center;margin-top:10%;padding:0 5%;position:relative;}

		.weixin-tip .close{color:#fff;padding:5px;font:bold 20px/24px simsun;text-shadow:0 1px 0 #ddd;position:absolute;top:0;left:5%;}

	</style>

	<article class="content">

		<a href="javascript:downurl()"  id="link">

			<img src="/wap/img/mynl/1486547928053.png" alt="" class="img100 fix">

		</a>

		<a href="javascript:downurl()"  id="link">

			<img src="/wap/img/mynl/01.gif" alt="" class="img100">

		</a>

		<a href="javascript:downurl()"  id="link">

			<img src="/wap/img/mynl/02.jpg" alt="" class="img100">

		</a>

		<a href="javascript:downurl()"  id="link">

			<img src="/wap/img/mynl/03.jpg" alt="" class="img100">

		</a>

		<a href="javascript:downurl()"  id="link">

			<img src="/wap/img/mynl/04.gif" alt="" class="img100">

		</a>

		<a href="javascript:downurl()"  id="link">

			<img src="/wap/img/mynl/05.jpg" alt="" class="img100">

		</a>

	</a>

</article>



<div class="weixin-tip">

	<p> <img src="http://m.38sy.com/images/tip.png" alt="在浏览器打开"/><span id="close" title="关闭" class="close" onclick="$(this).closest('div').hide()">×</span> </p>

</div>

<script type="text/javascript">



	$(window).on("load",function(){

		var winHeight = $(window).height();

		function is_weixin() {

			var ua = navigator.userAgent.toLowerCase();

			if (ua.match(/MicroMessenger/i) == "micromessenger") {

				return true;

			} else {

				return false;

			}

		}

		var isWeixin = is_weixin();

		$("article.content a").click(function(){

			if(isWeixin){

				$(".weixin-tip").css("height",winHeight);

				$(".weixin-tip").show();

				return false;

			}

		});

	})



	$(function () {

		var u = navigator.userAgent, app = navigator.appVersion;

		var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; 

		var isIOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/); /

			if (isAndroid) {

				window.location.href = 'https://bbs.csdn.net';

			}

			if (isIOS) {

				window.location.href = 'https://www.baidu.com/';

			}

		});

	</script>



</body>

</html>