微信内置浏览器自动跳转其它浏览器-源码下载吧

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

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

安卓访问时可以直接自动跳转浏览器；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/xxxx");  
}  
?>  
<!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>

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。