javascript - onbeforeunload onunload Performance.navigation.type 无法正常工作

Question

我有reactjs应用程序，我试图在浏览器关闭时显示警报。但是出现了一些不一致的行为。有时它不会在浏览器刷新时触发警报，但有时会显示警报。下面是我的代码:-

window.onbeforeunload = () => {
    let msg =undefined;
     if (window.performance && performance && performance.navigation.type == 1){

     }
     else{
         msg ='Are you sure?';
     }
    return msg;
};
 window.onunload = () => {
        if (localStorage.getItem('state')) {
            localStorage.removeItem('state');
        }
    }

现在有时它会在单击浏览器关闭按钮时显示警报，但有时它会在没有任何警告的情况下关闭浏览器，而且刷新警报也会在一段时间内出现，这在我的场景中是预料不到的。我只想在关闭浏览器。请帮助我如何处理这种情况。StackOverflow 中也存在许多类似的重复问题，但所有答案都是旧的，并且没有使用现代浏览器概念。

Answer 1

您无法检测用户是否想要重新加载或者是否想要在 window.onbeforeunload 或 window.onunload 事件中更改页面。

PerformanceNavigation API 仅告诉您用户如何转到当前页面，而不告诉您他们将如何导航到 window.onbeforeunload 或 window 上的下一页.onunload 事件。