1.背景:
房产咨询,用户和房博士聊天,当发送聊天消息时,需要做收到消息通知,最后查到HTML5新增的 Notification API的通知功能。即使将浏览器窗口最小化,依然会收到消息通知。
2.通知权限:
2.1 首先需要 看浏览器是否支持 Notification ,支持才有下文,否则就此止步;
2.2 通过 Notification.permission 检测用户是否允许通知:
// Notification.permission === 'granted' 用户允许
// Notification.permission === 'denied' 用户拒绝
// Notification.permission === 'denied' 不知道用户的选择,默认
if(Notification.permission === 'granted'){
console.log('用户允许通知');
instance_init(title, options);
}else if(Notification.permission === 'denied'){
console.log('用户拒绝通知');
}else{
console.log('用户还没选择,去向用户申请权限吧');
Notification.requestPermission(function(status) {
if(status=='granted'){
console.log('用户允许通知');