tangdehang
/
android-cloud-H5


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
							<!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='apple-touch-icon' href='22'>
	<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>
    <div class="entry-container">
        <div class="entry-title">您即将进入</div>
        <div class="entry-app">
            <img class="entry-app-img" src="" />
            <div class="entry-app-text"></div>
        </div>
        <div class="bottom-btn">立即进入</div>
    </div>
</body>
<script src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.1.1/jquery.min.js"></script>
<script>
    const container = document.getElementsByClassName("container")[0],
          entryContainer = document.getElementsByClassName("entry-container")[0],
          appImg = document.getElementsByClassName("app-img")[0],
          appText = document.getElementsByClassName("app-text")[0],
          entryAppImg = document.getElementsByClassName("entry-app-img")[0],
          entryAppText = document.getElementsByClassName("entry-app-text")[0];
    (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 scheme = GET['scheme'] || 'szxiOSApp';
        var icon = GET['icon'];
        var name = decodeURI(GET['name']);
        var authPhone = GET['authPhone'];
        
        $(document).attr("title",name);
        var url = scheme + "://h5/microserviceUserH5/vcloud/shortcut/webOnServer.html?"
        var href_srt = decodeURI("account="+account+"&phoneID="+phoneID+"&appID="+appID+"&icon="+icon+"&name="+name+"&authPhone="+authPhone)
        $("#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引导页 样式
            container.style.display = 'none';
            entryContainer.style.display = 'block';
            entryAppImg.src= icon;
            entryAppText.innerText = name || '';
        } else {
            // todo 添加快捷方式引导页 样式
            container.style.display = 'block';
            entryContainer.style.display = 'none';
            appImg.src= icon;
            appText.innerText = name || '';
        }

        

        //立即进入按钮点击
        $('.bottom-btn')[0].addEventListener('click',btnHande,false);
        function btnHande(){
            document.getElementById("qbt").click();
        }
    })(jQuery);
</script>

</html>