zoukankan      html  css  js  c++  java
  • Notification使用笔记

    之前在项目中使用了Notification,现分享出来:

    checkNotification()
    function checkNotification(){
    	//判断是否支持Notification
    	if(!("Notification" in window)){
    		alert("浏览器不支持Notification,无法进行桌面提醒!");
    	}
    	//通知必须授权后才能显示,判断是否已授权
    	//已授权情况
    	else if(Notification.permission== "granted"){
    		console.log("已授权")
    		var notify= new Notification("李四",{body:"hello~",icon:'img/aHead.png'});
            var notifyST= setTimeout(function(){
            	notify.close();           
            	clearTimeout(notifyST);
            },2000)
    	}
    	//未授权且未拒绝
    	else if(Notification.permission!= "denied"){
    		//请求授权
    		Notification.requestPermission(function(permission){
    			//请求授权
    			//授权成功
    			if(permission== "granted"){
    				console.log("请求授权成功!");
    			}
    		})
    	}
    };
    

     目前chrome,safari,以及firefox26+支持

    详解: http://www.cgner.com/web/js/201408_221.html

    也有多个插件支持桌面提醒:http://www.open-open.com/news/view/130d4b4

  • 相关阅读:
    三范式
    作用域
    函数传参
    js数据类型
    纯css小图标
    js生成div
    js模拟微信聊天窗口
    js图片切换
    js this指向
    常用实体字符
  • 原文地址:https://www.cnblogs.com/yanze/p/5974851.html
Copyright © 2011-2022 走看看