哪位大佬给一份从微信引导跳转到外部浏览器的html

baidu · 发表于 2018-5-1 18:25:50

百度找了找没有发现完整的，谁有完整的，给一份，谢谢。有200金送上。

重新描述一下

微信打开网站，点击按钮或不点击都行，指引到右上角，跳转到外部浏览器打开下载。

sora · 发表于 2018-5-1 18:25:51

baidu 发表于 2018-5-1 19:02
按钮有点小，遮罩字也有点小，跳到浏览器，再按一下按钮，还提示遮罩

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

复制代码

要删除或者注释这段. 这个是为了让你在浏览器上测试, 删除之后只会在微信中提示了.

leaveoff · 发表于 2018-5-1 18:27:17

看到过你说的那种微信里打开有一个提示叫你点右上角在浏览器里打开。。。好像都是iphone吧

yuanhua · 发表于 2018-5-1 18:28:39

安卓都有

baidu · 发表于 2018-5-1 18:28:48

leaveoff 发表于 2018-5-1 18:27
看到过你说的那种微信里打开有一个提示叫你点右上角在浏览器里打开。。。好像都是iphone吧 ...

这个很普遍呀，安卓很多。

sora · 发表于 2018-5-1 18:30:22

额, 两个优惠券站都做了这个判断. 用js判断ua然后个给提示.

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

复制代码

是这种功能么?

baidu · 发表于 2018-5-1 18:32:22

sora 发表于 2018-5-1 18:30
额, 两个优惠券站都做了这个判断. 用js判断ua然后个给提示.

是这种功能么? ...

对，就是这种。简单点的。

sora · 发表于 2018-5-1 18:34:00

baidu 发表于 2018-5-1 18:32
对，就是这种。简单点的。

嗯. 那等等, 好久以前搞的. 都忘了. 提取出来发给你.

sora · 发表于 2018-5-1 18:43:22

<!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>

复制代码

看看能不能用.

baidu · 发表于 2018-5-1 19:02:54

sora 发表于 2018-5-1 18:43
看看能不能用.

按钮有点小，遮罩字也有点小，跳到浏览器，再按一下按钮，还提示遮罩

		自动登录	找回密码
密码			注册

哪位大佬给一份从微信引导跳转到外部浏览器的html

最佳答案

浏览过的版块