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

李木晚晚 发表于 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

页: [1]

易如意's Archiver

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