微信为啥不能直接下载.apk安装包

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了微信为啥不能直接下载.apk安装包相关的知识，希望对你有一定的参考价值。

今天遇到一个很蛋疼问题，我们的微信公众号上想放一个下载自己公司app的点击按钮，如果是苹果手机点击这个按钮就直接跳转到苹果的appstore，如果是android手机的话，就直接跳我们的服务器下载apk链接，可是一个很蛋疼的问题出现了，微信  不支持   ，所以，我们就想了一个办法，点击这个按钮，然后让其在浏览器上打开，最后这个问题就ok完美解决了，下面分享一下代码和截图：

源码下载github：https://github.com/TopGuo/weixinpop

在线演示：yipin361.com/zyappd/index.html

 

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>周翼单车app下载</title>
    <script src="js/bootstrap/js/Jquery.js"></script>
</head>

<body>
    <div align="center">
        <img src="img/bg.png" style="margin: 0 auto ">

        <a id="imgId"><img src="img/btn.png"></a>


    </div>


    <script language="javascript">
        $(function () {

            $("#imgId").click(function () {
                download();
            });
        });

        function download() {
            var cssText =
                "#weixin-tip{position: fixed; left:0; top:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80); width: 100%; height:100%; z-index: 100;} #weixin-tip p{text-align: center; margin-top: 10%; padding:0 5%;}";
            var u = navigator.userAgent;
            if (u.indexOf(\'Android\') > -1 || u.indexOf(\'Linux\') > -1) { //安卓手机
                //判断使用环境
                if (is_weixin()) {
                    loadHtml();
                    loadStyleText(cssText);
                } else {
                    window.location.href = "http://android.zhouyibike.com/app-release.apk";
                }
            } else if (u.indexOf(\'iPhone\') > -1) { //苹果手机
                window.location.href = "https://itunes.apple.com/cn/app/id1239249767?mt=8";
            } else if (u.indexOf(\'Windows Phone\') > -1) {
                //winphone手机
                alert("机型不匹配！");
            }
        }

        function is_weixin() {
            var ua = navigator.userAgent.toLowerCase();
            if (ua.match(/MicroMessenger/i) == "micromessenger") {
                return true;
            } else {
                return false;
            }
        }

        function loadHtml() {
            var div = document.createElement(\'div\');
            div.id = \'weixin-tip\';
            div.innerHTML = \'<p><img src="live_weixin.png" alt="请在微浏览器打开"/></p>\';
            document.body.appendChild(div);
        }

        function loadStyleText(cssText) {
            var style = document.createElement(\'style\');
            style.rel = \'stylesheet\';
            style.type = \'text/css\';
            try {
                style.appendChild(document.createTextNode(cssText));
            } catch (e) {
                style.styleSheet.cssText = cssText; //ie9以下
            }
            var head = document.getElementsByTagName("head")[0]; //head标签之间加上style样式
            head.appendChild(style);
        }
    </script>

</body>

</html>

 

 

效果图如下：

 

以上是关于微信为啥不能直接下载.apk安装包的主要内容，如果未能解决你的问题，请参考以下文章

为啥下载的软件不能安装显示安装包已损坏

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

安卓手机微信不能打开App下载地址的问题 apk文件二维码微信无法识别

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

为啥游戏安装失败

猴子数据简单实现在微信中直接下载apk