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

原文链接:http://caibaojian.com/weixin-tip.html

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

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

将链接文本中的http://caibaojian.com/test.apk换成你的下载链接地址。本人已经测试可行。欢迎打开微信扫码测试。已经失效,用户可以将应用传到应用宝。

原文来自http://caibaojian.com/weixin-tip.html

终极解决方法

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

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

weixin-tip

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

weixin-tip-js

演示和下载

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

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

版本一:纯JS

版本二:纯jQuery

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

号外:由于这个代码一进入就是弹出提示,可能会影响用户其它操作,故而写了另一篇优化的代码,支持用户点击下载链接之后才弹出提示,并且还可以点击关闭。

详情请看:微信扫描打开APP下载链接提示代码优化

简单的教程:微信内置浏览器不支持下载文件应用的解决方法答疑

文章目录
原文:微信打开网址添加在浏览器中打开提示遮罩 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/weixin-tip.html)

 

posted @   mingruqi  阅读(2374)  评论(0编辑  收藏  举报
编辑推荐:
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
阅读排行:
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· 单线程的Redis速度为什么快?
· 展开说说关于C#中ORM框架的用法!
· Pantheons:用 TypeScript 打造主流大模型对话的一站式集成库
点击右上角即可分享
微信分享提示