哪位大佬给一份从微信引导跳转到外部浏览器的html - 全球主机交流论坛

// 下面这段实际环境中注释
isWeixin = 1;

复制代码

http://m.soquanme.com/quan/7964975.html

复制代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>微信</title>
<style type="text/css">
#c {
width: 100px;
height: 60px;
line-height: 60px;
text-align: center;
background-color: #19b955;
color: #fff;
cursor: pointer;
}
#weixinbuy {
display: none;
background-color: rgba(0,0,0,0.9);
width: 100%;
height: 100%;
z-index: 99999;
position: fixed;
left: 0;
bottom: 0;
overflow: hidden;
text-align: left;
}
#weixinbuy #weixinbuy_d {
margin: 10% auto 0;
z-index: 999999;
}
#weixinbuy_d div {
line-height: 50px;
color: #fff;
font-size: 20px;
text-align: center;
}
#weixinbuy_d .weixinbuy_d_msg {
width: 69px;
height: 50px;
position: fixed;
top: 5px;
right: 15px;
background: url("http://m.soquanme.com/style/images/wx_t.png") no-repeat center center;
}
#weixinbuy_d .weixinbuy_d_msg1 {
margin-top: 15%;
font-size: 16px;
}
#weixinbuy_d .weixinbuy_d_msg2 {
margin-top: 2%;
}
#weixinbuy_d .weixinbuy_d_img2 {
height: 80px;
background: url("http://m.soquanme.com/style/images/wx_d.png") no-repeat center center;
}
#weixinbuy_d .weixinbuy_d_msg3 {
margin-top: 2%;
}
#weixinbuy_d .weixinbuy_d_img3 {
height: 76px;
background: url("http://m.soquanme.com/style/images/wx_b.png") no-repeat center center;
}
</style>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
var userAgentInfo = navigator.userAgent;
var isWeixin = !!/MicroMessenger/i.test(userAgentInfo);
// 下面这段实际环境中注释
isWeixin = 1;
$(function(){
if(isWeixin){
$('<div id="weixinbuy"><div id="weixinbuy_d"><div class="weixinbuy_d_msg"></div><div class="weixinbuy_d_msg1">亲，淘宝、天猫的页面无法在微信中打开</div><div class="weixinbuy_d_msg2">请复制淘口令在手机淘宝中购买</div><div class="weixinbuy_d_msg2">或在右上角点击 “┇” 按钮</div><div class="weixinbuy_d_img2"></div><div class="weixinbuy_d_msg3">选择 “在浏览器中打开”</div><div class="weixinbuy_d_img3"></div></div></div>').click(function(){
$(this).removeAttr("style");
}).appendTo("body");
$("#c").click(function(){
$("#weixinbuy").show();
});
}
});
</script>
</head>
<body>
<div id="c">点击提示</div>
</body>
</html>

复制代码

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

复制代码