首页 > 解决方案 > 如何创建 chrome 扩展可点击通知?

问题描述

嘿,我在客户端使用套接字 io,并且在触发套接字事件时,我有以下代码来生成通知。一切正常,但是在单击通知时创建新选项卡时,我遇到了一些麻烦。通知在通过套接字事件函数创建的那一刻被单击。

我想要实现的是,扩展应该只在单击它时创建一个新选项卡,而不是在从套接字事件函数创建通知时创建一个新选项卡。

我尝试将最后一行(即在通知上添加监听器)放在套接字事件函数之外,但是它不能按预期工作。

以下代码在扩展的后台文件中运行。

socket.on("udf",(msg)=>{
   
    let notifOptions={
        type:"basic",
        title:"You have got a new url ! " + msg[2],
        message:msg[0],
        iconUrl: "https://avatars.dicebear.com/4.5/api/gridy/"+msg[1]+".svg?width=48&height=48"
    }
    chrome.notifications.create(msg[1],notifOptions)
    
    chrome.notifications.onClicked.addListener(chrome.tabs.create({url:"chrome://extensions/"}))
    
    
})

标签: javascriptgoogle-chrome-extensionsocket.io

解决方案


推荐阅读