我在页面加载时调用这个函数:
function setBeacon() {
if (!navigator.sendBeacon) {
alert("No navigator beacon available. This is a critical bug which must be fixed.");
}
else
{
if ('beforeunload' in window) {
$(window).on('beforeunload', function() {
generateFormSendBeacon();
return undefined;
});
} else if ('onpagehide' in window) {
alert("on page hide");
window.addEventListener("pagehide", function() {
generateFormSendBeacon();
return undefined;
});
} else {
alert("Neither beforeunload or onpagehide events are available. Please report this to John, with details about your browser.");
}
}
这在桌面上完美运行。我在 generateFormSendBeacon() 函数中使用 navigator.sendBeacon。它正确发送它(我的服务器中有一个断点接收它)。然而,在移动设备上,在 safari 和 chrome 中,“beforeunload”事件不存在。 But according to apple, we should use pagehide instead. “页面隐藏”警报显示; iOS 确实有权访问此事件。但是,该事件从未被触发,因为我从未到达服务器中的断点。再次;在桌面上测试相同的代码路径,它工作正常。如何检测 iOS 上的页面卸载?
一些浏览器ignore dialog prompts when unloading the page .这是意料之中的。
您可能遇到了WebKit issue #193508 .
关于javascript - 未触发 IOS 页面隐藏。无法检测页面卸载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54703437/
欢迎光临 OStack程序员社区-中国程序员成长平台 (https://ostack.cn/) | Powered by Discuz! X3.4 |