微信浏览器不支持下载怎么解决设置微信中链接用手机浏览器打开

小咪咪 2022-01-06 16:49 1387阅读 0赞

在我们做营销活动或推广宣传的时候，容易遇到域名被封，无法跳转app下载等情况。这时需要微信跳转外部浏览器打开页面的功能，对于微信默认可以通过：点击右上角的三点,点击“在浏览器中打开”。但是对于很多用户而言并不知道这样的实现，所以需要在代码中进行相关操作。目前ios只能通过遮罩层来提示用户，对于安卓可以直接跳转外面默认浏览器，下面就分别介绍下这2种方式的实现代码。

[![t7j94inw.png][]][t7j94inw.png 1]

## 遮罩提示： ##

## 遮罩引导法，这种事最简单的方法 ##

代码：

1.   
    
    functionisWx()\{ //判断是否为微信
2.   
    
    var ua = window.navigator.userAgent.toLowerCase();
3.   
    
    if(ua.match( /MicroMessenger/i) == 'micromessenger')\{
4.   
    
    return true;
5.   
    
    \}
6.   
    
    return false;
7.   
    
    \};
8.   
    
    if(isWx())\{ //判断浏览器是否微信
9.   
    
    var html= '<div class="box"><img src="images/head.png"></box>'
10.  
    
    layer.open(\{ //这里使用了layer的弹窗组件，你也可以自己写
11.  
    
    type: 1, content: html, anim: 'up',
12.  
    
    style: 'position:fixed; bottom:0; left:0; width: 100%; height: 100%; padding:0; border:none;'
13.  
    
    \});
14.  
    
    return;
15.  
    
    \}

效果如下：

![5bc01ba1519be.jpg][]

## 二、链接跳转 ##

安卓手机的话是通过点击链接，直接跳转出微信。自动打开手机默认的浏览器。但是这个方法IOS的系统不行，需要进行判断了，判断代码如下：

1.   
    
    functionisDevice()\{ //判断是android还是ios还是web
2.   
    
    var ua = navigator.userAgent.toLowerCase();
3.   
    
    if(ua.match( /iPhone\\sOS/i) == "iphone os" || ua.match( /iPad/i)== "ipad")\{ //ios
4.   
    
    return "iOS";
5.   
    
    \}
6.   
    
    if(ua.match( /Android/i) == "android") \{
7.   
    
    return "Android";
8.   
    
    \}
9.   
    
    return "Web";
10.  
    
    \};

该下载链接需要给出以下头部 ：

1.   
    
    header( "Content-type:application/pdf");
2.   
    
    header( "Content-Disposition:attachment;filename='downloaded.pdf'");

此时微信会因为头部是下载处理，自动跳转到浏览器中打开这个链接，主要就是让服务端返回一个PDF下载就行了，这样微信就会直接跳出到浏览器打开。

转载于:https://www.cnblogs.com/qqqqtomky/p/10392242.html

[t7j94inw.png]: /images/20211227/d7c80c5815f94c188e283e5d21950b96.png
[t7j94inw.png 1]: http://demo.liuy88.cn/jp0746.html
[5bc01ba1519be.jpg]: /images/20211227/ed7faabf7a8c460b912c0533f564aebf.png