微信中点击链接或者扫描选择在浏览器中打开的提示遮罩弹窗实现

qbk123

上半年公司有一个新的APP项目上线，我们在项目首页做个二维码，然后用户用手机扫一扫就能下载了。但是很多用户反映扫一扫之后下载不了，了解之后才知道这些用户都是使用的微信的扫一扫，而我们开发测试人员一般使用uc之类的浏览器做扫描。上网查了一下，微信自带的内置浏览器屏蔽了下载功能，现在很多人都习惯性的使用微信来扫描二维码，所以我们一直在寻找解决方案。 要解决这个问题思路很明确，既然微信内置浏览器不支持下载，那就只能想办法调用外部浏览器来下载。



解决方法：用户点击下载后弹出一个遮罩提示用户在手机浏览器中打开。



使用的是纯JS+HTML+CSS结合的方式，但不要一进入微信就弹出提示它在新浏览器中打开，在这个页面里面还可以提交表单查看信息等，只有它点击应用的链接后，才弹出提示它跳转后下载。



如此完美解决了QQ、微信链接无法下载APP的情况，通过技术处理后，用户点击即可打开。省去了复制网址再到浏览器粘贴打开的步骤。增加用户信任度。大大的提高了我们的推广转化比！