利用ios safari瀏覽器生成桌面快捷方式並喚醒app的示例代碼


html 內容:

//通過a鏈接喚醒app

 <a href="app約定好的scheme" id="qbt" style="display:none"></a>
// 是否是全屏打開(即是否是通過桌面快捷方式打開,否就展示以下引導內容,是就觸發a鏈接)
    <div id="msg" style="display:none">
        <div class="topDiv">
            <div class="top"></div>
        </div>
        <div class="bottomDiv">
            <div class="bottom"></div>
            <div class="arrow">
                <img src="img/arrow.png" class="arrowImg">
            </div>
        </div>
    </div>
 
script:
var hidden, visibilityChange;
if (typeof document.hidden !== "undefined") {
    hidden = "hidden";
    visibilityChange = "visibilitychange";
} else if (typeof document.mozHidden !== "undefined") {
    hidden = "mozHidden";
    visibilityChange = "mozvisibilitychange";
} else if (typeof document.msHidden !== "undefined") {
    hidden = "msHidden";
    visibilityChange = "msvisibilitychange";
} else if (typeof document.webkitHidden !== "undefined") {
    hidden = "webkitHidden";
    visibilityChange = "webkitvisibilitychange";
}
 if (window.navigator.standalone) // 全屏跳轉
    {
        document.getElementById("qbt").click();
    }
    else {
        document.getElementById("msg").style.height = document.documentElement.clientHeight + 'px';
        document.getElementById("msg").style.display='block';
    }
// 添加監聽器
document.addEventListener(visibilityChange, function() {
    console.log("當前頁面是否被隱藏:" + document[hidden]);
    if (!document[hidden]) {
        if (window.navigator.standalone) // 全屏跳轉
    {
        document.getElementById("qbt").click();
    }
    else // 端內引導頁面
    {
        document.getElementById("msg").style.height = document.documentElement.clientHeight + 'px';
        document.getElementById("msg").style.display='block';
    }
    }
}, false);


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM