在我们做营销活动或推广宣传的时候,容易遇到域名被封,无法跳转app下载等情况。这时需要微信跳转外部浏览器打开页面的功能,对于微信默认可以通过:点击右上角的三点,点击“在浏览器中打开”。但是对于很多用户而言并不知道这样的实现,所以需要在代码中进行相关操作。目前ios只能通过遮罩层来提示用户,对于安卓可以直接跳转外面默认浏览器,下面就分别介绍下这2种方式的实现代码。
遮罩引导法,这种事最简单的方法。屏蔽图如下【右键复制下来即可,白色显示不出来哦】 :
代码:
function isWx(){//判断是否为微信
var ua = window.navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i) == 'micromessenger'){
return true;
}
return false;
};
if(isWx()){//判断浏览器是否微信
var html='<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
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-Disposition: attachment; filename=\"load.doc\"");
header("Content-Type: application/vnd.ms-word;charset=utf-8");
此时微信会因为头部是下载处理,自动跳转到浏览器中打开这个链接,主要就是让服务端返回一个PDF下载就行了,这样微信就会直接跳出到浏览器打开。
下面以php代码:
<?php
error_reporting(0);
if($_GET['open']==1 && strpos($_SERVER['HTTP_USER_AGENT'], 'MicroMessenger')!==false){
header("Content-Disposition: attachment; filename=\"down.apk\"");
header("Content-Type: application/vnd.ms-word;charset=utf-8");
}
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>微信自动跳转手机默认浏览器的实现方式</title>
<meta name="description" itemprop="description" content="微信自动跳转手机默认浏览器的实现方式"/>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="format-detection" content="telephone=no" />
</head>
<body>
<!--微信自动跳转手机默认浏览器的实现方式-->
</body>
</html>
<script>
var UA = navigator.userAgent;
if(/MicroMessenger/gi.test(UA) && /android|adr/gi.test(UA)){//安卓并且为微信
var url = '?open=1';
var iframe = document.createElement("iframe");
iframe.style.display = "none";
iframe.src = url;
document.body.appendChild(iframe);
}
</script>
补充:以上php代码在部分安卓手机上出现下载文件的页面。现在补充链接:http://www.fly63.com/article/detial/4499
之前用网上现成的代码发现有很多浏览器被判别成QQ,像这样: 原因是一些手机浏览器navigator信息中会包含qqbrowser字符,因此被错判为QQ环境
微信h5页面下拉露出网页来源的解决办法:将document的touchmove事件禁止掉,备注:要加上 passive: false,不然会出现以下报错
由上面效果图可以看出,是否实现了自定义分享绝对了您分享出去的推广链接的展示效果。实现自定义分享后分享给好友或者朋友圈可以实现自定义标题
使用微信打开网址时,对于安卓端而言无法打开常用下载软件,手机APP等。大家常用的方法是,弹出一个遮罩提示用户在新的浏览器窗口打开。 但是我们基于微信接口开发了一款全新的手机端微信中推广助手,用户在微信中点击的话
微信公众平台申请一个测试公众号;配置nodeJS 使用express框架搭建服务器;使用内网穿透工具(例如:natapp)把本地服务器映射到公网上去;前端使用微信JSDK
由于微信限制比较严格,域名一不小心就被判定是诱导分享的。所以,公司内部决定调研一套稳定、快速、正确率高的微信域名拦截检测查询接口。开发组尝试谷歌搜索了一段时间,发现很少把源码及原理分享出来的。后来我们摸索了几天
最近微信官方重磅推出了一个统一 Web 前端和小程序的框架 —— Kbone 。微信小程序的底层模型和 Web 端不同,开发者无法直接把 Web 端的代码挪到小程序环境内执行。
ios因为微信内置浏览器对 history 的支持不够全面 所以对于开启了 History Mode 的 SPA 应用,只会保存第一条 url 只要每个页面都刷新一次,判断环境为iOS的微信环境时候,使用重定向跳转的方式
首先大家为了取得一个良好的名次是可以理解的,但是需要合理的去操作,为什么这么说呢,如果你找到一个不负责的商家不给你控量,或者胡乱操作,往往无得其反,因小失大就不好,所以投票这个还是需要找一个专业的团队
本篇主要讲述,如何在微信中打开自家的页面,在然后在用户分享的时候,能由我们自定义分享出去后,展示的页面卡片中的页面标题、页面描述、页面图片和分享链接。
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!