其他分享
首页 > 其他分享> > 微信域名防封强制跳转至浏览器打开HTML网页

微信域名防封强制跳转至浏览器打开HTML网页

作者:互联网

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

 

0abjtehx.png

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

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

<?phperror_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/'; //填写要<a href="https://www.mywlaq.cn/archives/tag/%e8%b7%b3%e8%bd%ac" title="查看更多关于跳转的文章" target="_blank">跳转</a>到的网址 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>

 

标签:url,微信,isAndroid,height,HTML,跳转,document,UA
来源: https://blog.csdn.net/uirye5/article/details/89846971