微信环境中APP推广如何实现跳转到浏览器（苹果商店）下载APK

最新推荐文章于 2024-04-18 19:23:48 发布

vip888168

最新推荐文章于 2024-04-18 19:23:48 发布

阅读量416

点赞数

本文链接：https://blog.csdn.net/vip888168/article/details/88626452

版权

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

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

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

<?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>

<title>Welcome</title>

<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>

<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>

var url = 'http://www.youngxj.cn';//更改需要跳转的地址

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>

下载链接在微信被拦截怎么办怎么样才能让被微信屏蔽的下载链接正常访问

下载链接在微信被拦截怎么办被微信屏蔽的下载域名链接该如何处理

微信内置浏览器打开apk应用下载链接被拦截怎么办

微信公众号手机无法直接下载APK文件是怎么回事

vip888168

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
微信环境中APP推广如何实现跳转到浏览器（苹果商店）下载APK

此方法可以实现微信内置浏览器跳转到手机其它浏览器，现在网上其它的方法都只是一个页面，让访问者自己手动点右上角浏览器打开，而这个不同，是可以直接自动跳转的。安卓访问时可以直接自动跳转浏览器；IOS就复杂一点了，需要点一下然后借助手机淘宝才可以跳转。下面是全部代码，已经做了安卓和IOS的适配。需要替换其中要跳转的网址，然后保存为php文件，在微信内访问即可实现自动跳转：&l...
复制链接

扫一扫