chrome桌面通知

<!DOCTYPE html>
<html>
<head>
<title>Google 桌面通知</title>
</head>
<body>
<button onclick="notifyMe()">Notify me!</button> 
<script type='text/javascript'>
function notifyMe() {

  var title = "new message";
  var options = {
      body: "message content",
      icon: "http://www.51sjk.com/Upload/Articles/1/0/321/321833_20220815175554923.png"
  };

  // Let's check if the browser supports notifications
  if (!("Notification" in window)) {
    alert("This browser does not support desktop notification");
  }
  
  // Let's check whether notification permissions have already been granted
  else if (Notification.permission === "granted") {
    // If it's okay let's create a notification
    var notification = new Notification(title, options);
	notification.onshow = function() {
				setTimeout(function() {
					notification.close();
				}, 3000);
			};
  }

  // Otherwise, we need to ask the user for permission
  else if (Notification.permission !== 'denied') {
    Notification.requestPermission(function (permission) {
      // If the user accepts, let's create a notification
      if (permission === "granted") {
        var notification = new Notification(title, options);
		notification.onshow = function() {
				setTimeout(function() {
					notification.close();
				}, 3000);
			};
      }
    });
  }

  // At last, if the user has denied notifications, and you 
  // want to be respectful there is no need to bother them any more.
}
</script>
</body>
</html>