微信中打开链接,自动打开外部浏览器打开指定URL页面

Posted yyyyyyadmin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信中打开链接,自动打开外部浏览器打开指定URL页面相关的知识,希望对你有一定的参考价值。

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

 

 

技术分享图片

 

 

 

一、遮罩提示:

遮罩引导法,这种事最简单的方法。技术分享图片

代码:

  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.  
    }

效果如下:

技术分享图片

二、链接跳转

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

  1.  
    functionisDevice(){//判断是android还是ios还是web
  2.  
    var ua = navigator.userAgent.toLowerCase();
  3.  
    if(ua.match(/iPhonesOS/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下载就行了,这样微信就会直接跳出到浏览器打开。

 

以上是关于微信中打开链接,自动打开外部浏览器打开指定URL页面的主要内容,如果未能解决你的问题,请参考以下文章

微信中如何通过手机系统默认外部浏览器打开指定网页URL

微信如何唤起外部浏览器打开指定链接

微信如何唤起外部浏览器打开指定链接

js如何实现在微信浏览器内跳转外部浏览器打开指定下载链接

微信朋友圈分享链接调用外部浏览器打开指定URL链接是如何实现的

微信打开链接后如何自动调用手机自带默认浏览器下载APP