在微信网页中,实现微信通过菜单‘在浏览器中打开’跳转到指定的url
2017-04-26 10:56
831 查看
html
<a id="goDownload" href="http://image.jietiaozhan.com/anroid/xiaozhoudao.apk">点击下载安卓APP</a>
<div class="maskWrap" id="maskWrap">
<div class="mask">
<div class="note" >
<p>1.点击右上角<img class="icon icon1" src="img/icon1.png" alt="菜单" />按钮</p>
<p>2.选择 <img class="icon" src="img/icon2.png" alt="在浏览器中打开" /></p>
</div>
<span class="closeNote" id="closeNote">X</span>
</div>
</div>
script
var $goDownload = $('#goDownload'),
$maskWrap = $('#maskWrap'),
$closeNote = $('#closeNote');
var is_weixin = (function(){return navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1})();
if (is_weixin) {
$goDownload.on('click',function(e){
$('#goDownload').attr('href','javascript:void(0);');
$maskWrap.css('display','block')
})
$closeNote.on('click',function(){
$maskWrap.css('display','none');
})
}
//主要原理判断网页是否在微信中打开,如果在微信中打开则禁止连接。
<a id="goDownload" href="http://image.jietiaozhan.com/anroid/xiaozhoudao.apk">点击下载安卓APP</a>
<div class="maskWrap" id="maskWrap">
<div class="mask">
<div class="note" >
<p>1.点击右上角<img class="icon icon1" src="img/icon1.png" alt="菜单" />按钮</p>
<p>2.选择 <img class="icon" src="img/icon2.png" alt="在浏览器中打开" /></p>
</div>
<span class="closeNote" id="closeNote">X</span>
</div>
</div>
script
var $goDownload = $('#goDownload'),
$maskWrap = $('#maskWrap'),
$closeNote = $('#closeNote');
var is_weixin = (function(){return navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1})();
if (is_weixin) {
$goDownload.on('click',function(e){
$('#goDownload').attr('href','javascript:void(0);');
$maskWrap.css('display','block')
})
$closeNote.on('click',function(){
$maskWrap.css('display','none');
})
}
//主要原理判断网页是否在微信中打开,如果在微信中打开则禁止连接。
相关文章推荐
- 通过 URL 协议实现从 Safari 等浏览器中跳转打开你的 app
- 通过 URL 协议实现从 Safari 等浏览器中跳转打开你的 app
- 通过 URL 协议实现从 Safari 等浏览器中跳转打开你的 app
- 通过URL协议实现从Safari等浏览器中跳转打开你的app
- 通过URL协议实现从Safari等浏览器中跳转回到你的app
- C#中怎么使用系统默认浏览器打开指定的URL(代码实现)
- java程序中指定某个浏览器打开网页的实现方法
- C#通过COM组件操作IE浏览器(一):打开浏览器跳转到指定网站
- 手机浏览器跳转微信,wap跳转微信浏览器打开网页代码
- game.weixin.qq.com微信游戏圈二维码浏览器网页跳转ticket实现方法
- Jquery实现网页跳转或用命令打开指定网页的解决方法
- 安卓自动更新功能实现+安卓调用默认浏览器打开指定URL
- 编程打开系统浏览器跳转到指定网页
- python打开浏览器指定网页并填写内容---微信篇
- 微信6.66版本浏览器网页唤起微信app跳转到指定任意页面二维码识别方法ticket生成
- 浏览器网页打开微信app跳转网站只需三步获取ticket接口api
- 浏览器网页网址唤起微信app跳转到指定任意页面二维码识别方法ticket生成研究
- Android实现点击TextView超链接打开浏览器跳转到网页
- 浏览器网页跳转到微信6.66打开二维码api微信游戏圈免费接口weixin://dl/business/?ticket