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

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

创新互联公司从2013年开始,是专业互联网技术服务公司,拥有项目做网站、成都网站设计网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元荣成做网站,已为上家服务,为荣成各地企业和个人服务,联系电话:18982081108

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

一、遮罩提示:

遮罩引导法,这种事最简单的方法。

代码:

function isWx(){//判断是否为微信
 
var ua = window.navigator.userAgent.toLowerCase();
 
if(ua.match(/MicroMessenger/i) == 'micromessenger'){
 
return true;
 
}
 
return false;
 
};
 
if(isWx()){//判断浏览器是否微信
 
var html=''
 
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;
 
}

效果如下:

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

二、链接跳转

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

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";
 
};
header("Content-type:application/pdf");
 
header("Content-Disposition:attachment;filename='downloaded.pdf'");

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


本文标题:微信中打开链接,自动打开外部浏览器打开指定URL页面
地址分享:http://bzwzjz.com/article/gpejeh.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 上市集团网站建设 企业手机网站建设 网站建设公司 企业网站建设 成都商城网站建设 教育网站设计方案 古蔺网站建设 LED网站设计方案 企业网站设计 成都网站制作 高端品牌网站建设 网站建设 专业网站设计 成都品牌网站设计 盐亭网站设计 成都网站建设公司 专业网站建设 成都网站设计 重庆网站设计 企业网站制作 网站设计制作 H5网站制作