<!DOCTYPE html> <html lang="en"> <script type="text/javascript" charset="UTF-8" src="//res.cdn.openinstall.io/openinstall.js"></script> <head> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?512876eb272195f3c9f59fee58a1d2f8"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta content="telephone=no" name="format-detection"> <meta name="wap-font-scale" content="no"> <title>ios企业版下载</title> <link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/layer.css"> <script src="lib/fsize.js"></script> <style> .bg{ margin: 0 auto; width: 10rem; position: relative; height: 15.12rem; background: url("images/ios2.png")no-repeat; background-size: 100% 100%; } .btn{ width: 4rem; height: 1.2rem; position: absolute; left: 3rem; top: 2rem; } .Safari{ display: none; top: 0; left: 0; position: fixed; width: 10rem; height: 100vh; background: rgba(0,0,0,0.5); z-index: 1000; } .Safari img{ width: 10rem; } </style> </head> <body style="background: #000000;"> <div class="bg"> <div id="downloadButton" class="btn"></div> </div> <div class="Safari"> <img src="images/Safari.png" alt=""> </div> </body> <script src="lib/jquery-3.1.1.min.js"></script> <script src="layer-v3.1.0/layer/layer.js"></script> <script> var data = OpenInstall.parseUrlParams();//openinstall.js中提供的工具函数,解析url中的所有查询参数 new OpenInstall({ appKey : "btaqmm", onready : function() { var m = this, button = document.getElementById("downloadButton"); button.style.visibility = "visible"; /*在app已安装的情况尝试拉起app*/ m.schemeWakeup(); /*用户点击某个按钮时(假定按钮id为downloadButton),安装app*/ button.onclick = function() { m.wakeupOrInstall(); return false; } } }, data); $(".btn").on("click", function () { var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { $(".Safari").fadeIn(500); }else{ layer.msg("正在开始下载") } }) </script> </html>