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

一、遮罩提示:

代码:

 
  1. function isWx(){//判断是否为微信
  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="data: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. function isDevice(){//判断是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下载就行了,这样微信就会直接跳出到浏览器打开。

微信朋友圈分享的域名链接被屏蔽怎么办相关推荐

  1. 如何增加微信朋友圈分享链接的小图片

    我们在制作好一些网页以后,希望通过微信朋友圈分享给大家.但是发现这样分享到微信朋友圈是没有小图标的.如何在链接前增加吸引人的图片呢?请看下面的制作方法. 工具/原料 智能手机 微信 方法/步骤 在网页 ...

  2. 微信朋友圈分享链接的【图片】设置

    微信朋友圈分享链接的[图片]设置 我们在制作好一些网页以后,希望通过微信朋友圈分享给大家.但是发现这样分享到微信朋友圈是没有小图标的.如何在链接前增加吸引人的图片呢?请看下面的制作方法. 在网页的头部 ...

  3. 微信朋友圈分享接口使用总结

    微信朋友圈分享接口是非常细节的,而且不好调试,所以在此总结一下,以帮助大家 首先应该遵循微信开发者文档介绍,用接口调试工具将你需要的接口的权限确定一下(这里得去申请接口权限)?然后将这个网址用手机端微 ...

  4. 微信分享功能android,关于Android实现简单的微信朋友圈分享功能

    1.先下载微信分享的jar包放在lib目录下,并且添加依赖, android:name=".wxapi.WXEntryActivity" android:exported=&quo ...

  5. 纯Java实现微信朋友圈分享图

    纯Java实现微信朋友圈分享图 1.实现分享图的效果 2.开发环境 2.1 JDK * oracle's jdk 1.8以上 2.2 字体 * 若选择了微软雅黑字体又是代码部署到Linux,则需要安装 ...

  6. 公众号微信朋友圈分享提示签名失败 easywechat 微信朋友圈分享签名失败

    config:fail,Error: 系统错误,错误码:63002,invalid signature uniapp微信公众号朋友圈分享失败 config:fail,Error: 系统错误,错误码:6 ...

  7. 微信小程序踩坑记录 ------- canvas 生成带小程序码的微信朋友圈分享图

    最近做了一个问卷类的小程序,其中的结果页想让用户进行朋友圈分享转发,网上搜索资料,得出解决思路,用 canvas 将页面绘制生成图片,然后保存到手机相册,最终效果如下: 在这里我只写页面里关于 can ...

  8. 如何把计算机歌曲传给微信好友,如何将手机本地音乐分享到微信朋友圈分享音乐...

    当前,不支持将本地音乐分享到微信朋友圈,但是您可以安装喜马拉雅山,或者在上传后将其分享到微信朋友圈 1.以iPhone为例.首先打开音乐,然后找到要共享的音乐.以我下载的音乐为例,单击歌曲右侧的&qu ...

  9. js sdk 一键分享 微信_微信朋友圈分享自己拍的视频,一键开启这个设置,自带文字和音乐...

    你分享到朋友圈视频,还是简单的随手一拍,然后分享吗?怎样让你的分享的视频看起来高端.大气.上档次呢?其实微信视频新增编辑功能.能剪辑,能加文字和音乐,还能添加表情包.让你的视频更好看. 1.拍摄阶段 ...

最新文章

  1. 超赞网站推荐_字体(更多)超赞-标志性发明
  2. list、dict、tuple的一些小操作总结
  3. 一窥谷歌神经机器翻译模型真面貌 其底层框架开源
  4. PrimeFaces Mobile入门
  5. 中新赛克数据可视化_中新赛克,加仓!
  6. 深入浅出Zookeeper(一) Zookeeper架构及FastLeaderElection机制
  7. 8.BLE---错误码
  8. J2EE 读取资源文件properties的三种方式
  9. C#面试题(String和StringBuilder区别)
  10. 分享一个好看的个人主页源码
  11. @scheduled 定时任务执行一段时间后莫名其妙停止 Ftp假死
  12. gps串口通信程序c语言,stm32单片机串口接收GPS数据并解析NMEA之GPRMC
  13. PowerShell复制粘贴快捷键
  14. 微信访问时,提示:该地址为ip地址,请使用域名访问网站
  15. Python杀死了Excel
  16. 三菱触摸屏与三菱L系类PLC以太网通讯
  17. 代理机制说明及JDK动态代理的使用
  18. 经常玩电脑正确的坐姿_使用电脑时要养成正确的坐姿
  19. 微信分享接口配置和调用
  20. 我们该如何在网上寻找资源!!!!

热门文章

  1. 教你如何用Python制作花式条形图
  2. JSP导出excel时中文乱码的问题
  3. Jenkins自动化部署Vue项目
  4. 整理了一份招PHP高级工程师的面试题(转)
  5. ef mysql 配置字符串_连接字符串-EF Core | Microsoft Docs
  6. oracle11 share pool,Oracle Shared pool 详解
  7. android sans,数字之下sans
  8. 解决微信小程序中在其他页面无法使用app.js中获取的userInfo或openid的问题
  9. 商用视频素材,建议收藏
  10. html屏幕飘灯笼,HTML5+CSS3实现摇晃的蓝色斋月灯笼动画效果