解决chrome扩展发通知不显示的问题_chrome插件不显示通知

首先，要注意，使用这个api在background.js中，不是在content-script下。然后在content-script中要通过chrome.runtime.sendMessage 这个api来调起。

在background.js中要监听sendMessage事件：

chrome.runtime.onMessage.addListener(
  (request, sender, sendResponse) => {
    if (request.contentScriptQuery === 'notification') {
      const {
        options
      } = request;
      chrome.notifications.create('notify1', options, (id) => {
        alert(JSON.stringify(chrome.runtime.lastError)); // 如果没调成功可以在这里看看报错，在生产环境别忘了注释掉
      });
    }
    console.log('Did not receive the response!!!');
  });
1
2
3
4
5
6
7
8
9
10
11
12

然后在你的content-script中这样发起：

const  options = {
  title: 'title',
  message: 'message',
  type: 'basic',
  iconUrl: 'img/icon-16.png',
}
chrome.runtime.sendMessage({
      contentScriptQuery: 'notification',
      options
  });
1
2
3
4
5
6
7
8
9
10

注意！！

iconUrl这个字段，必须为manifest中声明的图片文件，如果是网络图片可能还要在manifest中设置一下。

还不行看官方文档 ，搜关键字“required”，在“create“时有几个必填字段，必须都得写上。还要注意把manifest中的permission中添加”notifications“