当父应用程序选项卡关闭时触发 iframe 应用程序中的卸载事件

Question

我有两个应用程序，App1 和 App2。 App2 作为 iframe 嵌入在 App1 中，因此 App1 是嵌入 App2 的父应用程序。 当用户从浏览器关闭 App1 时，我想在 App2 中触发一个 api。 我尝试在 App2 中使用 'unload' 事件，但是当 App2 关闭时不会触发该事件（通过将调试器点放在事件侦听器函数上进行检查，该函数在独立 App2 关闭时被调用）。 有没有办法做到这一点？谢谢

Answer 1

历史上尝试在卸载事件中发出异步请求从来都不是可靠的

因此创建了navigator.sendBeacon(url, data)。

即使在页面或标签消失后它也可以在后台运行，并有助于解决使用卸载事件的许多可靠性问题。

使用 sendBeacon() 方法，当用户代理有机会时异步传输数据，不会延迟卸载或下一次导航。

我从来没有在像你这样消失的 iframe 场景中使用它，但相信它会解决你的问题