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);