Предупреждать пользователя о событиях в браузере при минимизации окна - кроме уведомления html5

Question

У меня есть требование, когда нам нужно предупредить пользователя о каком-либо событии, которое произошло в браузере, даже если окно сведено к минимуму. В браузере мы используем тосты от toastr, и это отлично работает, если пользователь уже находится в окне браузера. У нас также есть уведомления html5, поэтому в этом случае это не проблема, но многие пользователи не обязательно будут иметь это.

Если окно сведено к минимуму, было бы замечательно, если бы элемент панели задач браузера в Windows начинал мигать или на Mac-bouncing. Я пытался сделать window.focus(), когда произойдет событие, но это, похоже, ничего не делает.

Answer 1

Современные браузеры реализуют Notification API. Вот пример:

(function() { 
 
    var button, output; 
 

 
    function scheduleNotifyTheUser() { 
 
    output.innerHTML = "Stand by…"; 
 
    setTimeout(notifyTheUser, 1000); 
 
    } 
 
    
 
    function notifyTheUser() { 
 
    output.innerHTML = "Ding! You have a message!"; 
 
    new Notification("Something Happened", { 
 
     body: "You should totally check this out!" 
 
    }); 
 
    } 
 
    
 
    document.addEventListener("DOMContentLoaded", function() { 
 
    button = document.getElementById("gobtn"); 
 
    output = document.getElementById("output"); 
 
    output.innerHTML = "Requesting permission…"; 
 
    Notification.requestPermission(function(permission) { 
 
     if (permission !== "granted") { 
 
     output.innerHTML = "Notifications disabled."; 
 
     return; 
 
     } 
 
     button.addEventListener("click", scheduleNotifyTheUser); 
 
     output.innerHTML = "Ready."; 
 
    }); 
 
    }); 
 
})();

<button id="gobtn">Make something happen in one second from now</button> 
 
<div id="output"></div>