我在加载页面时调用此函数:
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。它可以正确发送它(我的服务器在接收此断点)。但是在移动设备上,无论是野生动物园还是Chrome浏览器,都不存在'beforeunload'事件。 But according to apple, we should use pagehide instead.显示“页面隐藏”警报; iOS确实有权访问此事件。但是,该事件从未触发,因为我从未到达服务器中的断点。再次;在桌面上测试相同的代码路径,效果很好。如何检测iOS上的页面卸载?
答案 0 :(得分:0)
某些浏览器ignore dialog prompts when unloading the page。这是预期的。
您可能会遇到WebKit issue #193508。