如何创建通知 chrome 扩展？

Posted 2023-02-22

【中文标题】如何创建通知 chrome 扩展？

【英文标题】：How to create a notification chrome extension?

【发布时间】：2013-09-18 19:25:51

【问题描述】：

我想创建一个 google chrome 扩展程序，在 mysql 数据库中添加新记录时通知用户！有人可以帮助我吗？ 谢谢。

【问题讨论】：

Chrome supports desktop notifications natively.

你发现它工作了吗？你能分享你的源代码吗？

好吧。您可以使用 php 脚本与 mySQL DB 进行通信，并从您的 chrome 扩展程序对 php 脚本进行 ajax 调用

【参考方案1】：

请参考此页面。

使用 chrome.notifications API 创建丰富的通知 模板并在系统托盘中向用户显示这些通知。

https://developer.chrome.com/docs/extensions/reference/notifications/

chrome.notifications.create(
  "name-for-notification",
  
    type: "basic",
    iconUrl: "image.jpeg",
    title: "This is a notification",
    message: "hello there!",
  ,
  function () 
);

您可以像这样创建通知。 编辑：请不要忘记在manifest.json 文件中添加"notifications" 权限

【讨论】：

谢谢，但我问的是如何与我的 mysql DB 通信并计算条目数（例如，此数字将使用 chrome 通知 api 显示）。

我想你得先检查一下chrome通知是否打开了。

非常重要！ : 不要忘记在 manifest.json 中添加“通知”权限

【参考方案2】：

你也可以像这样使用来自窗口对象的通知

而且——非常重要！ : 不要忘记在 manifest.json 中添加“通知”权限

    function init() 
    
    
    if (!window.Notification) 

        alert('notSupport');
     else if (Notification.permission === "granted") 
        console.log('grant notification')
        installNotification = createInstallNotification();

     else if (Notification.permission !== 'denied') 
        console.log('denied init notes')
        Notification.requestPermission(function (permission) 
            console.log('ask init notes',permission)
            if (permission === 'granted') 

                installNotification = createInstallNotification();

            else
                alert('doNotDenied')
            
        )

    
    // end init

function createInstallNotification() 
    return new Notification('installSuccess', 
        body: 'text body'
        , tag: 'uniqe-numer-here'
    )