杨小杰博客提供免费教程下载和网站搭建技术教程,主要分享和发布网站源码,致力创造一个高质量网络资源教程的分享平台

微信内置浏览器自动跳转其它浏览器

Young小杰2018-4-1 18:13网站搭建(17)2264查询中……小标签: 域名防红 源码分享

此方法可以实现微信内置浏览器跳转到手机其它浏览器,现在网上其它的方法都只是一个页面,让访问者自己手动点右上角浏览器打开,而这个不同,是可以直接自动跳转的。


安卓访问时可以直接自动跳转浏览器;IOS就复杂一点了,需要点一下然后借助手机淘宝才可以跳转。


下面是全部代码,已经做了安卓和IOS的适配。需要替换其中要跳转的网址,然后保存为php文件,在微信内访问即可实现自动跳转:

<?php
error_reporting(0);
if($_GET['open']==1 && strpos($_SERVER['HTTP_USER_AGENT'], 'MicroMessenger')!==false){
	header("Content-Disposition: attachment; filename=\"load.doc\"");
	header("Content-Type: application/vnd.ms-word;charset=utf-8");
}
?>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Welcome</title>
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport"/>
	<meta content="yes" name="apple-mobile-web-app-capable"/>
	<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
	<meta name="format-detection" content="telephone=no"/>
	<meta content="false" name="twcClient" id="twcClient"/>
	<style>
	body,html{width:100%;height:100%}
	*{margin:0;padding:0}
	body{background-color:#fff}
	.top-bar-guidance{font-size:15px;color:#fff;height:40%;line-height:1.8;padding-left:20px;padding-top:20px;background:url(//gw.alicdn.com/tfs/TB1eSZaNFXXXXb.XXXXXXXXXXXX-750-234.png) center top/contain no-repeat}
	.top-bar-guidance .icon-safari{width:25px;height:25px;vertical-align:middle;margin:0 .2em}
	.app-download-btn{display:block;width:214px;height:40px;line-height:40px;margin:18px auto 0 auto;text-align:center;font-size:18px;color:#2466f4;border-radius:20px;border:.5px #2466f4 solid;text-decoration:none}
</style>
</head>
<body>
	<div class="top-bar-guidance">
		<p>
			点击右上角<img src="//gw.alicdn.com/tfs/TB1xwiUNpXXXXaIXXXXXXXXXXXX-55-55.png" class="icon-safari"/> Safari打开
		</p>
		<p>
			可以继续访问本站哦~
		</p>
	</div>
	<a class="app-download-btn" id="BtnClick" href="javascript:;"> 点此继续访问 </a>
	<script>
		var url = 'http://www.youngxj.cn';//更改需要跳转的地址
		document.querySelector('body').addEventListener('touchmove', function (event) {
			event.preventDefault();
		});
		window.mobileUtil = (function(win, doc) {
			var UA = navigator.userAgent,
			isAndroid = /android|adr/gi.test(UA),
			isIOS = /iphone|ipod|ipad/gi.test(UA) && !isAndroid,
			isBlackBerry = /BlackBerry/i.test(UA),
			isWindowPhone = /IEMobile/i.test(UA),
			isMobile = isAndroid || isIOS || isBlackBerry || isWindowPhone;
			return {
				isAndroid: isAndroid,
				isIOS: isIOS,
				isMobile: isMobile,
				isWeixin: /MicroMessenger/gi.test(UA),
				isQQ: /QQ/gi.test(UA)
			};
		})(window, document);
		if(mobileUtil.isWeixin){
			if(mobileUtil.isIOS){
				url = "https://t.asczwa.com/taobao?backurl=" + encodeURIComponent(url);
				document.getElementById('BtnClick').href=url;
			}else if(mobileUtil.isAndroid){
				url = '?open=1';
				document.getElementById('BtnClick').href=url;
				var iframe = document.createElement("iframe");
				iframe.style.display = "none";
				iframe.src = url;
				document.body.appendChild(iframe);
			}
		}else{
			document.getElementById('BtnClick').href=url;
			window.location.replace(url);
		}
	//setTimeout('WeixinJSBridge.invoke("closeWindow", {}, function(e) {})', 2000); </script>
</body>
</html>

跳转域名需要备案,具体自行测试



评论:

大神 Google Chrome 55.0.2883.87 Windows 7广东省茂名市 移动 2018-05-05 21:19
放弃这个代码了。。公众号发了一下这个页面,域名被封了。
Young小杰四川省成都市 电信 2018-05-05 21:19
@大神:666666
peng Google Chrome 65.0.3325.181 Windows 7浙江省杭州市 华数宽带 2018-05-04 16:17
用qq浏览器打开,请问提示下载的弹框怎么去掉
Young小杰四川省成都市 电信 2018-05-04 16:31
@peng:判断只能微信浏览器打开
pengGoogle Chrome 55.0.2883.87 Windows 7江苏省镇江市 电信 2018-05-05 10:15
@Young小杰:不是从微信跳到其他浏览器吗?不是用微信浏览器打开。只是如果有qq浏览器的话,会自动调起qq浏览器,会弹出提示下载doc文件的弹框。我想把这个弹框去掉,请问怎么去掉。其他浏览器没这个问题。
Young小杰四川省成都市 电信 2018-05-05 10:17
@peng:判断浏览器做一定动作
大大大 Google Chrome 55.0.2883.87 Windows 7广东省茂名市 移动 2018-04-24 12:53
试了一下,安卓手机微信打开链接后,显示一个页面提示点击右上角safari打开。不灵呀。

qq跳转倒是有个代码很好用,微信的没找到。
Young小杰四川省成都市 电信 2018-04-24 15:51
@大大大:我亲测过,灵不灵是你的事
大大大Google Chrome 55.0.2883.87 Windows 7广东省茂名市 移动 2018-04-24 21:41
@Young小杰:不好意思,灵了,是我没保存成php。谢谢分享,不知道能用多久。
啥子 Google Chrome 61.0.3163.128 Linux江西省吉安市 电信 2018-04-23 01:19
你分享出来了又要被封
  Google Chrome 55.0.2883.87 非主流操作系统四川省德阳市 电信 2018-04-05 16:28
我觉得,我这辈子最灿烂的笑容,大概都奉献给我电脑屏幕了。ヾ(≧∇≦*)ゝ
薯片 Google Chrome 37.0.0.0 Linux四川省内江市 电信 2018-04-04 05:46
受用了,那么qq和微信一起是怎么实现的呢?可以可以发一下
Young小杰四川省成都市 电信 2018-04-04 08:53
@薯片:判断呗,本来就很简单
追梦小窝 Google Chrome 65.0.3325.181 Windows 7广东省深圳市 电信 2018-04-03 11:18
收藏了,感觉有点用
林哲 Google Chrome 50.0.2661.102 Windows 7湖北省荆州市 电信 2018-04-02 15:38
不错不错,今天就有人问我微信怎么跳转浏览器,学习了。
肉团子-颜 Google Chrome 55.0.2883.87 非主流操作系统浙江省杭州市 电信 2018-04-01 18:23
走开,我来第一个,这个我拿了,快谢我
Young小杰四川省成都市 电信 2018-04-01 18:23
@肉团子-颜:丢

发表评论: