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

作者:执念     发布于「各类教程 / 技巧教程」 - 执念阁

标签:
2018-07-28 分类:各类教程 / 技巧教程 阅读(392) 评论(2) 百度已收录
当前位置:执念阁 > 技巧教程 > 各类教程 > 正文
赞(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="//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://blog.cccyun.cc/'; //填写要跳转到的网址

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-07-28

评论 2

5 + 8 =
  1. #1
    qq_avatar

    IOS的不行啊,还是提示“如需浏览,请长按网址复制后使用浏览器访问 https://t.asczwa.com/taobao?backurl=https%3A%2F%2Fwww.cctv.com%2F”

    来自中国/China 谷歌浏览器 Windows 7 浙江省杭州市 电信[有红包]有人@你1年前 (2018-10-10)回复
    • 执念

      这样啊,这个用的是淘宝的跳转,很早了,估计微信改了规则了,以前可以直接打开的!感谢你的支持

      管理员来自中国/China 谷歌浏览器 Windows 10 浙江省杭州市 电信执念1年前 (2018-10-10)回复
微信内置浏览器自动跳转其它浏览器打开

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

这绝对不是广告!

执念阁—垃圾评论说明

垃圾评论层出不穷,所有资源都是免费分享,欠你的了,不喜欢,抱歉,这里不欢迎你,你不要来。希望这里能给你优质资源,也希望你尊重我劳动成果!谢谢!

封禁说明

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录