如何在卸载之前关闭页面的所有通知（不使用Window＃onunload）？

Question

I have a page that notifies the user about server updates, using window.webkitNotifications .

It's not a Google Chrome extension.

I want to close all page notifications before the page unload. I'm trying to do it with:

var notifications = new Array();

// ...
var popup = window.webkitNotifications.createNotification(...);
// ...
notifications.push(popup);

// ...
function closeAll(){
  for (notification in notifications) {
    notifications[notification].cancel();
  }
}

//...
$(window).unload(function() {
  closeAll();
});

But the notifications are not closed when I reloads the page. I found this issue on Chromium project: https://code.google.com/p/chromium/issues/detail?id=40262

How can I ensure that page notifications are closed without use the Window#onunload ?

Answer 1

I wonder if you can add some javascript to the notification popup and settimeout withing the actual popup, that way it will close eventually.

I will have to try and test this out.

Answer 2

Use this :)

$(window).on('beforeunload', function() {
    closeAll();
});

Answer 3

使用beforeunload事件而不是unload 。