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

李木晚晚 · 发表于 2018-4-15 16:31:26

本帖最后由暗影月狐于 2018-4-15 16:33 编辑

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

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

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

测试效果：https://download.lailal.com/1ziy.cn_wei-xintz.mp4

成品演示：http://b.1ziy.cn/
代码如下：

<？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 / 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 =”
<meta content =“false”name =“twcClient”id =“twcClient”/>
<style>
body，html {width：100％; height：100％}
* {margin：0; padding：0}
body {background-颜色：#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 / contains 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>
<身体>
<div class =“top-bar-guidance”>
点击右上角<img src =“// gw.alicdn.com/tfs/TB1xwiUNpXXXXaIXXXXXXXXXXXX-55-55.png”class =“icon-safari”/> Safari打开
可以继续访问本站哦〜
</ div>
<a class="app-download-btn" id="BtnClick" href="javascript:;">
点此继续访问>>>
</a>
<script>
var url ='http://www.1ziy.cn/';
addEventListener（'touchmove'，function（event）{
event.preventDefault（）;
}）; //将文本添加到文本文件中。
window.mobileUtil =（function（win，doc）{
var UA = navigator.userAgent，
isAndroid = / android | adr / gi。
isBlackBerry = /BlackBerry/i.test(UA），isWindowPhone
= /Imobile/i.test(UA），isMobile
= isAndroid || isIOS || isBlackBerry || isWindowPhone;
返回{
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>

复制代码

eyy · 发表于 2018-4-15 17:51:23

这个不错可以封装成E4A类库吗

非酋 · 发表于 2018-6-26 01:45:02

应该也能做成QQ的

zhoushi · 发表于 2018-6-26 13:02:34

666666666666666

defugood · 发表于 2018-9-6 08:33:30

666666666666666666666666666666666666

热心会员

活跃会员