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

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





一、遮罩提示:“”

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

代码:

function isWx(){//判断是否为微信

varua =window.navigator.userAgent.toLowerCase();

if(ua.match(/MicroMessenger/i) =='micromessenger'){

returntrue;

}

returnfalse;

};

if(isWx()){//判断浏览器是否微信

varhtml='<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的系统不行,需要进行判断了,判断代码如下:

function isDevice(){//判断是android还是ios还是web

varua = 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下载就行了,这样微信就会直接跳出到浏览器打开。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 很多朋友都已经习惯在微信内分享网页链接和二维码了,通过扫描二维码下载APP或打开网页也成为大家惯用且非常方便的方式...
    皮皮姐小楠阅读 4,727评论 0 0
  • 一:需求说明: 做过客户端开发的应该都遇到过分享APP内内容至第三方平台吧;一般而言,主要是分享至QQ,微信,微博...
    没有故事的男童鞋阅读 3,699评论 0 1
  • 文/花如许 仰望星空,是对天空致敬;脚踏实地,是对大地感恩!
    葭州寒雪阅读 227评论 0 0
  • 人生之旅匆匆滑过,再回首,我已错失过太多太多,我不能再这样单一的度过剩下的青春岁月,必须得为我的青春雨季添加一...
    枫叶落y阅读 214评论 0 0
  • 最近遇到一位刚入市场的伙伴要安排自己的行程,看起来很愁,电话打了几个也没有结果,按理说已经进店有一段时间了,也认识...
    安秀石杨艳阅读 474评论 0 1