? 混合过关3串1中两场

會飛的魚

小路
在這里等你
?
首頁 ? 其他教程 ? 微信內置瀏覽器自動跳轉其它瀏覽器

微信內置瀏覽器自動跳轉其它瀏覽器

此方法可以實現微信內置瀏覽器跳轉到手機其它瀏覽器,現在網上其它的方法都只是一個頁面,讓訪問者自己手動點右上角瀏覽器打開,而這個不同,是可以直接自動跳轉的。

安卓訪問時可以直接自動跳轉瀏覽器;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="http://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.pjsjni.live';//更改需要跳轉的地址
		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>


跳轉域名需要備案,具體自行測試。

文章如無特別注明均為原創! 作者: 小路, 轉載或復制請以 超鏈接形式 并注明出處 快樂分享網|小路博客
原文地址《 微信內置瀏覽器自動跳轉其它瀏覽器》發布于2018-5-26

分享到:
打賞

評論

游客

切換注冊

登錄

您也可以使用第三方帳號快捷登錄

Q Q 登 錄
微 博 登 錄
切換登錄

注冊

sitemap 混合过关