|
|
@@ -0,0 +1,95 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html>
|
|
|
+
|
|
|
+<head>
|
|
|
+ <meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
+ <meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
|
+ <meta content="text/html charset=UTF-8" http-equiv="Content-Type" />
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
|
+ <link rel="icon" href="../static/img/favicon2.ico" type="img/x-ico">
|
|
|
+ <link rel="stylesheet" href="../static/css/webOnServer.css">
|
|
|
+ <!--快捷方式默认图标：icon-->
|
|
|
+ <title>双子星</title>
|
|
|
+ <!--快捷方式默认标题：name-->
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+ <div class="container">
|
|
|
+ <div class="title">添加应用到桌面</div>
|
|
|
+ <div class="middle">
|
|
|
+ <div class="phone">
|
|
|
+ <img class="img" src="../static/img/webOnServer/phone.png" />
|
|
|
+ <div class="arrow">
|
|
|
+ <img class="arrow-img" src="../static/img/webOnServer/arrow.png" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="app">
|
|
|
+ <img class="app-img" src="" />
|
|
|
+ <div class="app-text"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <a href="" id="qbt" style="display: none;"></a>
|
|
|
+ <!--快捷方式参数url：url-->
|
|
|
+ <span id="msg"></span>
|
|
|
+ <div class="footer-wrap">
|
|
|
+ <div class="top">
|
|
|
+ <span class="top-text">点击下方工具栏上的</span>
|
|
|
+ <img class="download-img" src="../static/img/webOnServer/download.png" />
|
|
|
+ </div>
|
|
|
+ <div class="bottom">
|
|
|
+ <span class="left-text">并选择</span>
|
|
|
+ <img class="add-img" src="../static/img/webOnServer/add.png" />
|
|
|
+ <span class="right-text">“添加到主屏幕”</span>
|
|
|
+ </div>
|
|
|
+ <img class="down-img" src="../static/img/webOnServer/down.png" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</body>
|
|
|
+<script src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.1.1/jquery.min.js"></script>
|
|
|
+<script>
|
|
|
+ (function ($) {
|
|
|
+ $.extend({
|
|
|
+ urlGet: function () {
|
|
|
+ var aQuery = window.location.href.split("?"); //取得Get参数
|
|
|
+ var aGET = new Array();
|
|
|
+ if (aQuery.length > 1) {
|
|
|
+ var aBuf = aQuery[1].split("&");
|
|
|
+ for (var i = 0, iLoop = aBuf.length; i < iLoop; i++) {
|
|
|
+ var aTmp = aBuf[i].split("="); //分离key与Value
|
|
|
+ aGET[aTmp[0]] = aTmp[1];
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return aGET;
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ var GET = $.urlGet(); //获取URL的Get参数
|
|
|
+ var account = GET['account'];
|
|
|
+ var phoneID = GET['phoneID'];
|
|
|
+ var appID = GET['appID'];
|
|
|
+ var icon = GET['icon'];
|
|
|
+ var name = decodeURI(GET['name']);
|
|
|
+
|
|
|
+ $(document).attr("title",name);
|
|
|
+ var url = "shuangzixingiOSApp://h5/microserviceUserH5/vcloud/shortcut/webOnServer.html?"
|
|
|
+ var href_srt = decodeURI("account="+account+"&phoneID="+phoneID+"&appID="+appID+"&icon="+icon+"&name="+name)
|
|
|
+ $("#qbt").attr("href",url+href_srt)
|
|
|
+ $("link[rel='apple-touch-icon']").attr("href",icon)
|
|
|
+
|
|
|
+ if (window.navigator.standalone == true) {
|
|
|
+ var lnk = document.getElementById("qbt").click();
|
|
|
+ // todo 点击快捷方式 打开app引导页 样式
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ const appImg = document.getElementsByClassName("app-img")[0];
|
|
|
+ const appText = document.getElementsByClassName("app-text")[0];
|
|
|
+ appImg.src= icon;
|
|
|
+ appText.innerText = name || '';
|
|
|
+ // todo 添加快捷方式引导页 样式
|
|
|
+ }
|
|
|
+
|
|
|
+ })(jQuery);
|
|
|
+</script>
|
|
|
+
|
|
|
+</html>
|
heyang
