1. 程式人生 > >微信掃一掃直接打開手機外部瀏覽器

微信掃一掃直接打開手機外部瀏覽器

agen {} cor scrip 一個 文件 pod aix doc

---恢復內容開始---

此方法可以實現微信內置瀏覽器跳轉到手機其它瀏覽器,現在網上其它的方法都只是一個頁面,讓訪問者自己手動點右上角瀏覽器打開,而這個不同,是可以直接自動跳轉的。

安卓訪問時可以直接自動跳轉瀏覽器;IOS 就復雜一點了,需要點一下然後借助手機淘寶才可以跳轉。

測試地址:http://www.zjychina.cn

案例展示: 技術分享圖片

技術分享圖片

下面是全部代碼,已經做了安卓和 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>




---恢復內容結束---

微信掃一掃直接打開手機外部瀏覽器