菜鸟教程小白 发表于 2022-12-11 22:09:24

javascript - 未触发 IOS 页面隐藏。无法检测页面卸载


                                            <p><p>我在页面加载时调用这个函数:</p>

<pre><code>function setBeacon() {
if (!navigator.sendBeacon) {
    alert(&#34;No navigator beacon available. This is a critical bug which must be fixed.&#34;);
}
else
{
    if (&#39;beforeunload&#39; in window) {
      $(window).on(&#39;beforeunload&#39;, function() {
            generateFormSendBeacon();
            return undefined;
      });
    } else if (&#39;onpagehide&#39; in window) {
      alert(&#34;on page hide&#34;);
      window.addEventListener(&#34;pagehide&#34;, function() {
            generateFormSendBeacon();
            return undefined;
      });
    } else {
      alert(&#34;Neither beforeunload or onpagehide events are available. Please report this to John, with details about your browser.&#34;);
    }
}
</code></pre>

<p>这在桌面上完美运行。我在 generateFormSendBeacon() 函数中使用 navigator.sendBeacon。它正确发送它(我的服务器中有一个断点接收它)。然而，在移动设备上，在 safari 和 chrome 中，“beforeunload”事件不存在。 <a href="https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html#//apple_ref/doc/uid/TP40006511-SW5" rel="noreferrer noopener nofollow">But according to apple, we should use pagehide instead.</a> “页面隐藏”警报显示； iOS 确实有权访问此事件。但是，该事件从未被触发，因为我从未到达服务器中的断点。再次;在桌面上测试相同的代码路径，它工作正常。如何检测 iOS 上的页面卸载？</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>一些浏览器<a href="https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onbeforeunload#Browser_compatibility" rel="noreferrer noopener nofollow">ignore dialog prompts when unloading the page</a> .这是意料之中的。</p>

<p>您可能遇到了<a href="https://bugs.webkit.org/show_bug.cgi?id=193508" rel="noreferrer noopener nofollow">WebKit issue #193508</a> .</p></p>
                                   
                                                <p style="font-size: 20px;">关于javascript - 未触发 IOS 页面隐藏。无法检测页面卸载，我们在Stack Overflow上找到一个类似的问题：
                                                        <a href="https://stackoverflow.com/questions/54703437/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/54703437/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: javascript - 未触发 IOS 页面隐藏。无法检测页面卸载