首页 > web前端 > js教程 > 如何有效实施 Chrome 桌面通知?

如何有效实施 Chrome 桌面通知?

DDD
发布: 2024-11-03 14:05:30
原创
717 人浏览过

How can I implement Chrome Desktop Notifications effectively?

Chrome 桌面通知

Chrome 桌面通知提供了一种在用户桌面上向用户显示通知的方法,即使应用程序未打开也是如此。这些通知可用于提醒用户有新事件、消息或其他更新。

API 参考

Chrome 桌面通知 API 需要几个参数:

  • 标题:通知的标题
  • 图标:要在通知上显示的图标
  • 正文:正文通知的
  • 操作:用户可以从通知中执行的可选操作列表

示例

以下示例显示如何使用Chrome桌面通知API:

if (Notification.permission !== 'granted')
  Notification.requestPermission();
else {
  var notification = new Notification('Notification title', {
   icon: 'http://cdn.sstatic.net/stackexchange/img/logos/so/so-icon.png',
   body: 'Hey there! You\'ve been notified!',
  });
  notification.onclick = function() {
   window.open('http://stackoverflow.com/a/13328397/1269037');
  };
登录后复制

以上是如何有效实施 Chrome 桌面通知?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板