DreamSea

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

微信打开网址添加在浏览器中打开提示

使用微信打开网址时,无法在微信内打开常用下载软件,手机APP等。网上流传的各种微信打开下载链接,微信已更新基本失效,最新的一个是使用链接跳转方式:

http://mp.weixin.qq.com/mp/redirect?url=http://caibaojian.com/test.apk#weixin.qq.com#wechat_redirect。

将链接文本中的http://caibaojian.com/test.apk换成你的下载链接地址。本人已经测试可行。欢迎打开微信扫码测试。

weixin-dl

今天要加的是一个终极解决方法:弹出一个遮罩提示用户在新的浏览器窗口打开。

再也不用管微信如何的更新,直接判断微信的ua,然后弹出一个遮罩提示用户在浏览器中打开下载。并且不加关闭的按钮。类似于下面这样子:

weixin-tip

这样子用户就只能在浏览器中打开,并且可以直接下载应用了。欢迎打开微信扫描查看(其他扫描没有效果)。

weixin-tip-js

我已经将代码上传到github上了,你可以直接下载我的图片和js来用。github地址

http://caibaojian.com/c/code

如果这个代码对你有用,希望你在下载时也点击star一下。

版本一:纯JS。

版本二:纯jQuery

版本三:jquery+css+div(虽然操作复杂,但实际上平时常用这种)。

如果你已经将它用在你的项目中了,欢迎留下你的在线地址哦。

另加一个判断手机QQ的UA

function is_mobileQQ() {
var ua = navigator.userAgent.toLowerCase();
if (ua.match(/sQQ/i) == " qq" && /iphone/i.test(ua) == false) {
return true;
} else {
return false;
}
}

声明:蔡宝坚博客文章版权所有,受法律保护。未经站长同意不得转载。

原创:前端开发博客,本文链接: http://caibaojian.com/weixin-tip.html

posted on 2014-11-27 17:15  DreamSea  阅读(1005)  评论(0编辑  收藏  举报