此方法可以实现微信内置浏览器跳转到手机其它浏览器，现在网上其它的方法都只是一个页面，让访问者自己手动点右上角浏览器打开，而这个不同，是可以直接自动跳转的。
安卓访问时可以直接自动跳转浏览器；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(
- .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:
-
- 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);
- }
-
- </script>
- </body>
- </html>
温馨提示：本文最后更新于2019年9月29日，已超过 2 年没有更新，如果文章内容或图片资源失效，请留言反馈，模板下载吧会及时处理，谢谢！
五周年
本站安全防护由创宇云安全提供。
