微信扫描二维码跳转手机默认浏览器打开下载app的链接是怎么实现的
2019-01-16 15:56
1661 查看
在我们做营销活动或推广宣传的时候,容易遇到域名被封,无法跳转app下载等情况。这时需要微信跳转外部浏览器打开页面的功能,对于微信默认可以通过:点击右上角的三点,点击“在浏览器中打开”。但是对于很多用户而言并不知道这样的实现,所以需要在代码中进行相关操作。目前ios只能通过遮罩层来提示用户,对于安卓可以直接跳转外面默认浏览器,下面就分别介绍下这2种方式的实现代码。
一、遮罩提示:
遮罩引导法,这种事最简单的方法。
代码:
[code]function isWx(){//判断是否为微信 var ua = window.navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i) == 'micromessenger'){ return true; } return false; }; if(isWx()){//判断浏览器是否微信 var html='<div class="box"><img src="images/head.png"></box>' layer.open({//这里使用了layer的弹窗组件,你也可以自己写 type: 1,content: html,anim: 'up', style: 'position:fixed; bottom:0; left:0; width: 100%; height: 100%; padding:0; border:none;' }); return; }
效果如下:
二、链接跳转
安卓手机的话是通过点击链接,直接跳转出微信。自动打开手机默认的浏览器。但是这个方法IOS的系统不行,需要进行判断了,判断代码如下:
[code]function isDevice(){//判断是android还是ios还是web var ua = navigator.userAgent.toLowerCase(); if(ua.match(/iPhone\sOS/i) == "iphone os" || ua.match(/iPad/i)=="ipad"){//ios return "iOS"; } if(ua.match(/Android/i) == "android") { return "Android"; } return "Web"; };
该下载链接需要给出以下头部 :
[code]header("Content-type:application/pdf"); header("Content-Disposition:attachment;filename='downloaded.pdf'");
此时微信会因为头部是下载处理,自动跳转到浏览器中打开这个链接,主要就是让服务端返回一个PDF下载就行了,这样微信就会直接跳出到浏览器打开。
相关文章推荐
- 微信自动跳转手机默认浏览器打开APP下载链接的实现方式
- 微信直接跳转到手机默认浏览器下载APP的实现方式
- 微信中安卓手机点击链接强制跳转默认浏览器打开指定网页
- 微信中无法下载APP的解决方案(微信自动跳转浏览器打开下载链接)
- 在微信中点击链接直接跳转到手机默认浏览器代码实现
- 微信跳转外部浏览器打开指定下载链接的代码实现
- 手机端如何实现在QQ或者微信自带浏览器打开链接后自动跳转到默认浏览器打开?
- 微信打开网址后自动调用手机自带默认浏览器或提示选择浏览器打开如何实现
- 微信点击链接跳转外部浏览器打开指定页面的实现
- 微信自动跳转到手机默认浏览器代码的实现原理
- h5 扫描二维码打开app和点击下载功能的实现
- 微信浏览器内打开App Store链接,并跳转到对应的app页面
- 微信浏览器禁止app下载链接怎么办
- 人脉通分享工能,点击分享到微信或者qq的分享链接打开H5,提示用户用浏览器打开,点击下载,有有app
- 点击微信网页的a标签直接跳转到淘宝APP打开怎么实现的?附:动图演示效果
- 通过手机浏览器打开APP或者跳转到下载页面.md
- 微信扫描打开app下载提示用户打开浏览器进行下载
- 微信自动跳转手机默认浏览器的实现方式
- 微信如何实现自动跳转到用其他浏览器打开指定页面下载APK
- 微信扫描打开APP下载链接提示代码优化(转)