javascript - 浏览器关闭时运行一些代码

Question

我有一个网站，每个页面都需要检查用户是否关闭浏览器，在这种情况下我运行一些代码(releaseLocking)。

所以在这些页面上我实现了这段代码:

    $(window).on('beforeunload', function () {
        return "Are you sure you wanna quit ?";
    });
    $(window).unload(function () {
        releaseLocking();
    });

它有效，但我注意到，如果我导航到实现此代码的多个页面，关闭浏览器时，我将多次调用 releaseLocking(对于每个以前访问过的页面)。

我宁愿只为最后一个真正活跃的页面运行这段代码。你明白我的意思吗？

你知道如何进行吗？

谢谢。

Answer 1

我建议为此使用 localStorage。由于 localStorage 按域存储变量，因此您可以检查代码是否已执行。 localstorage也绑定(bind)了session，所以浏览器完全关闭后，你的session就没有了，导致localStorage被清空，不会影响下一次session。

$(window).on('beforeunload', function () {
        return "Are you sure you wanna quit ?";
});
$(window).unload(function () {
    if ( !localStorage.getItem('lockReleased') ) {
        releaseLocking();
        localStorage.setItem('lockReleased', true)
    }
});

上面的代码将为关闭的第一个窗口将 localStorage 变量 lockReleased 设置为 true。其他窗口将看到该值，并且不会调用 releaseLocking。