高级编程JavaScript。js实现 Notifications 浏览器消息通知

// 检查浏览器是否支持Notification API
if ('Notification' in window) {
  // 检查用户是否允许通知
  Notification.requestPermission()
    .then((permission) => {
      if (permission === 'granted') {
        // 如果允许，创建一个通知
        var notification = new Notification('标题', {
          body: '这是通知的内容',
          icon: 'notif-icon.png' // 可选的图标
        });
 
        // 可选：点击通知时的回调
        notification.onclick = function(event) {
          // 在这里处理点击事件
          window.open('https://example.com'); // 打开一个新窗口或者页面
        };
      }
    });
} else {
  alert('你的浏览器不支持通知！');
}

这段代码首先检查Notification是否在window对象中，如果存在，它会请求用户权限来显示通知。如果用户同意，则创建一个通知实例，并提供可选的图标和点击事件处理程序。如果浏览器不支持Notification API，会显示一个警告框。