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

半岛未凉° 2019-09-29 快速入门 51 NO 本文共3219个字,预计阅读需要9分钟。
  • 文章介绍
  • 快速入门
  • 增值服务

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

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

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

  1. <?php  
  2. error_reporting(0);  
  3. if($_GET['open']==1 && strpos($_SERVER['HTTP_USER_AGENT'], 'MicroMessenger')!==false){  
  4. header("Content-Disposition: attachment; filename=\"load.doc\"");  
  5. header("Content-Type: application/xxxx");  
  6. }  
  7. ?>  
  8. <!DOCTYPE html>  
  9. <html>  
  10. <head>  
  11.     <meta charset="UTF-8">  
  12.     <title>Welcome</title>  
  13.     <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport"/>  
  14.     <meta content="yes" name="apple-mobile-web-app-capable"/>  
  15.     <meta content="black" name="apple-mobile-web-app-status-bar-style"/>  
  16.     <meta name="format-detection" content="telephone=no"/>  
  17.     <meta content="false" name="twcClient" id="twcClient"/>  
  18.     <style>  
  19. body,html{width:100%;height:100%}  
  20. *{margin:0;padding:0}  
  21. body{background-color:#fff}  
  22. .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}  
  23. .top-bar-guidance .icon-safari{width:25px;height:25px;vertical-align:middle;margin:0 .2em}  
  24. .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}  
  25.     </style>  
  26. </head>  
  27. <body>  
  28. <div class="top-bar-guidance">  
  29.     <p>点击右上角<img src="//gw.alicdn.com/tfs/TB1xwiUNpXXXXaIXXXXXXXXXXXX-55-55.png" class="icon-safari" /> Safari打开</p>  
  30.     <p>可以继续访问本站哦~</p>  
  31. </div>  
  32. <a class="app-download-btn" id="BtnClick" href="javascript:;">  
  33.     点此继续访问  
  34. </a>  
  35. <script>  
  36.   
  37. var url = 'http://blog.cccyun.cc/'; //填写要跳转到的网址  
  38.   
  39. document.querySelector('body').addEventListener('touchmove', function (event) {  
  40.     event.preventDefault();  
  41. });  
  42. window.mobileUtil = (function(win, doc) {  
  43.     var UA = navigator.userAgent,  
  44.         isAndroid = /android|adr/gi.test(UA),  
  45.         isIOS = /iphone|ipod|ipad/gi.test(UA) && !isAndroid,  
  46.         isBlackBerry = /BlackBerry/i.test(UA),  
  47.         isWindowPhone = /IEMobile/i.test(UA),  
  48.         isMobile = isAndroid || isIOS || isBlackBerry || isWindowPhone;  
  49.     return {  
  50.         isAndroid: isAndroid,  
  51.         isIOS: isIOS,  
  52.         isMobile: isMobile,  
  53.         isWeixin: /MicroMessenger/gi.test(UA),  
  54.         isQQ: /QQ/gi.test(UA)  
  55.     };  
  56. })(window, document);  
  57.   
  58. if(mobileUtil.isWeixin){  
  59.     if(mobileUtil.isIOS){  
  60.         url = "https://t.asczwa.com/taobao?backurl=" + encodeURIComponent(url);  
  61.         document.getElementById('BtnClick').href=url;  
  62.     }else if(mobileUtil.isAndroid){  
  63.         url = '?open=1';  
  64.         document.getElementById('BtnClick').href=url;  
  65.         var iframe = document.createElement("iframe");  
  66.         iframe.style.display = "none";  
  67.         iframe.src = url;  
  68.         document.body.appendChild(iframe);  
  69.     }  
  70. }else{  
  71.     document.getElementById('BtnClick').href=url;  
  72.     window.location.replace(url);  
  73. }  
  74. //setTimeout('WeixinJSBridge.invoke("closeWindow", {}, function(e) {})', 2000);  
  75. </script>  
  76. </body>  
  77. </html>  

上一篇:

下一篇:

微信内置浏览器自动跳转其它浏览器:等您坐沙发呢!
大牛,别默默的看了,快来点评一下吧!:)。

您必须登录后才能发表评论哦!:)

站内登录 QQ登录 微博登录
wordpress自适应高级图片shejigh主题

Hi, 如果你对这款模板有疑问,可以跟我联系哦!

联系作者

模板下载吧,累计帮助1000+用户成功建站,为草根创业提供助力!

立刻开启你的建站之旅
现在加入模板下载吧,注册一个账号
  • 模板下载吧拥有海量网站模板及源码,站长亲测干净无后门。

  • 注册即能下载免费模板栏目资源,帮您更快的完成网站建设。

  • 每日更新模板资源,每日精品推荐,及时获取最新模板资源流行去向。

  • 完美的售后服务,帮助草根站长、企业等成功建站。

  • 将您最爱的资源收藏,建立自己的资源库,并与朋友分享。

喜欢我嘛?喜欢就按“ctrl+D”收藏我吧!♡