唤起谷歌浏览器系统通知小窗口显示

qq_38469220

于 2021-08-10 16:05:55 发布

阅读量469

点赞数

文章标签： javascript chrome

本文链接：https://blog.youkuaiyun.com/qq_38469220/article/details/119572160

版权

这篇博客介绍了如何在用户授予权限的情况下，利用JavaScript在Chrome浏览器中创建系统通知。当用户点击通知时，根据浏览器类型，会跳转到指定链接或者打开新窗口。注意，该方法在本地调试环境中不可用，需在HTTP环境下测试。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

注：此方法不支持本地调试，请在http环境下测试

var options = {
   dir: "auto",
   body: '老师公开课火热直播中，戳这里进入！免费听 >',
   requireInteraction: true,
   icon: 'https://img.yutu.cn/yutu/2020/20200421/aaf1ed5391676d9b5cc659d8d8c35076.png'
   };
   var liveUrl = 'http://www.yutu.cn';
   var title = '这里是标题';

   if (Notification.permission === 'granted') {
   var notification = new Notification(title, options); // 显示通知
   notification.onclick = function() {
   if ((/Safari/.test(navigator.userAgent) && !/Chrome/.test(navigator.userAgent))) {
   location.href = liveUrl;
   }

最低0.47元/天解锁文章