Skip to content

xxyj/html5-notice

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 

Repository files navigation

html5-通知信息

###之前的一些老方案: 1)浏览器定时器刷新title或则界面内容 2)后台推动前台试试显示

###关键技术 window.Notification

###支持情况 pc端支持好些,移动端支持较差,具体情况请google

###调用语法

一、调用方式: 1)链式:Notification.requestPermission().then(function(permission) { ... });

2)回调模式:Notification.requestPermission(callback);

二、回调处理方式

 通知信息处理方式:new Notification(title, options)
 
 title表示标题 
 
 options为其他参数,具体如下:
 
   |---|---|
   |属性名	|释义|
   | dir	| 默认值是auto, 可以是ltr或rtl,有点类似direction属性。表示提示主体内容的水平书写顺序。|
   | lang	| 提示的语言。没看出来有什么用。大家可以忽略之~|
   | body	| 提示主体内容。字符串。会在标题的下面显示。|
   | tag	| 字符串。标记当前通知的标签。|
   | icon	| 字符串。通知面板左侧那个图标地址。|
   | data	| 任意类型和通知相关联的数据。|
   |vibrate|	通知显示时候,设备震动硬件需要的振动模式。所谓振动模式,指的是一个描述交替时间的数组,分别表示振动和不振动的毫秒||数,一直交替下去。例如[200, 100, 200]表示设备振动200毫秒,然后停止100毫秒,再振动200毫秒。|
   |renotify	|布尔值。新通知出现的时候是否替换之前的。如果设为true,则表示替换,表示当前标记的通知只会出现一个。注意都这里“当|前标记”没?没错,true参数要想其作用,必须tag需要设置属性值。|
   |silent	|布尔值。通知出现的时候,是否要有声音。默认false, 表示无声。|
   |sound	|字符串。音频地址。表示通知出现要播放的声音资源。|
   |noscreen|	布尔值。是否不再屏幕上显示通知信息。默认false, 表示要在屏幕上显示通知内容。显示桌面通知|
   |sticky	|布尔值。是否通知具有粘性,这样用户不太容易清除通知。默认false,| |表示没有粘性。根据我自己的猜测,应该和position的sticky属性值类似。|

注意事项

需要在http协议下使用,file://貌似不行

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages