tangdehang
/
android-cloud-H5


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