简单了解HTML5中的Web Notification桌面通知

识别浏览器的获取与失去焦点

window.onfocus = function() { };
window.onblur = function() { };

// for IE
document.onfocusin = function() { };
document.onfocusout = function() { };

HTML5 Web Notification

直接上代码：

    
    



test

参考资料：http://www.zhangxinxu.com/wordpress/2016/07/know-html5-web-notification/

要注意的是浏览器的兼容性，chrome赞不支持http，即使允许了也弹不出通知。不过fixfox最新版可以实现该功能。
使用最新的360极速浏览器也可以正常支持。