今天遇到一个很蛋疼问题，我们的微信公众号上想放一个下载自己公司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') > - || u.indexOf('Linux') > -) { //安卓手机

                //判断使用环境

                if (is_weixin()) {

                    loadHtml();

                    loadStyleText(cssText);

                } else {

                    window.location.href = "http://android.zhouyibike.com/app-release.apk";

                }

            } else if (u.indexOf('iPhone') > -) { //苹果手机

                window.location.href = "https://itunes.apple.com/cn/app/id1239249767?mt=8";

            } else if (u.indexOf('Windows Phone') > -) {

                //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")[]; //head标签之间加上style样式

            head.appendChild(style);

        }

    </script>

</body>

</html>

效果图如下：

微信为啥不能直接下载.apk安装包的更多相关文章

  1. 关于提高webview里下载apk安装包成功率的研究

    移动互联网发展到当下,各种领域出现了一些大的app平台,这些app共同的特点就是拥有大量忠实活跃用户, 要知道,有用户就有money啊~ 于是乎其他不太知名的平台,开始在他们上面疯狂投放广告,做活动推 ...

  2. 下载apk安装包后，调用安装器自动安装apk（适配7.0）

    在更新操作时,下载新apk之后,往往需要自动安装新apk,用以下代码即可安装下载在本地的apk文件(apkFile) Intent intent = new Intent(); intent.setA ...

  3. php实现在线下载程序安装包功能

    在线下载程序安装包可以很方便在服务器端下载各种程序安装包(Discuz!.phpwind.Dedecms.WordPress....等一些常用程序)并存储在服务器,大大减少站长上传程序安装包时间.默认 ...

  4. 使用zipalign.exe工具优化APK安装包

    zipalign.exe是Android自带的一个档案整理工具,它可以用于优化APK安装包,从而提升Android应用与系统之间的交互效率,提升应用程序的运行速度. 操作步骤: 1.在命令行窗口输入如 ...

  5. Android APK安装包瘦身[转]

    很显然,APK安装包越小越好.下面从代码,资源文件,使用策略几个方面简要介绍下: 代码 保持良好的编程习惯,不要重复或者不用的代码,谨慎添加libs,移除使用不到的libs. 使用proguard混淆 ...

  6. 【Android Studio安装部署系列】十、Android studio打包发布apk安装包

    版权声明:本文为HaiyuKing原创文章,转载请注明出处! 概述 使用Android studio发布apk安装包的操作步骤. 开始打包发布apk Build > Generate Signe ...

  7. [Android] Robotium手机自动化测试（仅需apk安装包版）——环境搭建 【转】

    Robotium的手机自动化测试,很多都是利用app源代码里的Id定义来开发自动化脚本.而在我开始要为项目中的app写自动化测试脚本的时 候,开发的环境还很不稳定,app也还处于开发的状态中,而且,在 ...

  8. chrome下载离线安装包的方法

    https://www.google.com/chrome/browser/desktop/index.html?system=true&standalone=1,一般默认下载稳定版,如果需要 ...

  9. ubuntu下载软件安装包

    apt-get -d download xxx ubuntu下载软件安装包命令.仅仅下载deb格式的安装包,不安装. xxx是待下载的安装包.

随机推荐

  1. ubuntu图形化配置

    安装图形界面 apt-get install ubuntu-desktop 配置用户目录 udo useradd -s /bin/bash -d /home/wykeinstein -m wykein ...

  2. System.Threading.Tasks.Task 引起的 IIS 应用池崩溃

    接口服务运行一段时间后,IIS应用池就会突然挂掉,事件查看日志,会有事件日志Event ID为5011的错误 为应用程序池“PokeIn”提供服务的进程在与 Windows Process Activ ...

  3. OpenShift Redhat 搭建NodeJS环境

    https://openshift.redhat.com/ OpenShift 是 redhat 公司推出的一个 PaaS 云计算应用平台,开发者可在上面构建.测试.部署和运行应用程序,它支持 Jav ...

  4. asp.net core web 添加角色管理

    新建asp.net core web应用 添加RolesAdminController [Authorize(Roles = "Admin")] public class Role ...

  5. #ifdef、#ifndef、#else、#endif执行条件编译

         我们开发的程序不只在pc端运行,也要在移动端运行.这时程序就要根据机器的环境来执行选择性的编译,如对PC端编译PC端的程序,对移动端编译移动端的程序,这里我们就可以用两组条件编译.     ...

  6. 了解Spring-boot-starter常用依赖模块

    Spring-boot的优点: 1.Spring框架的“约定优先于配置(COC)”理念以及最佳实践. 2.针对日常企业应用研发各种场景的Spring-boot-starter自动配置依赖模块,且“开箱 ...

  7. Java NIO系列教程（七） FileChannel

    Java NIO中的FileChannel是一个连接到文件的通道.可以通过文件通道读写文件. FileChannel无法设置为非阻塞模式,它总是运行在阻塞模式下. 打开FileChannel 在使用F ...

  8. 【IT笔试面试题整理】连续子数组的最大和

    [试题描述]输入一个整型数组,数组里有正数也有负数.数组中一个或连续的多个整数组成一个子数组. 求所有子数组的和的最大值.要求时间复杂度O(n). 思路:当我们加上一个正数时,和会增加:当我们加上一个 ...

  9. Go控制语句

    指针 Go虽然保留了指针,但是与其他编程语言不通的是,在Go当中不支持指针运算以及"->"运算符,而是直接采用"."选择符来操作指针目标对象的成员. 操作 ...

  10. Elasticsearch java客户端调用cat服务

    开发环境,测试环境,预发环境和生产环境一般相互隔离的,使用开发环境或者测试环境可以使用cat来查看索引的情况 例如: 但预防环境和测试环境是不允许访问的,那怎么办呢? 可以使用后台来查看上述信息,提供 ...