在Chrome扩展程序中显示通知

Question

我正在编写我的第一个chrome扩展.在我的chrome扩展程序中,我在右键单击上下文菜单中添加了一个选项.

chrome.contextMenus.create({
  "id": "MyExntesion",
  "title": "My Extension",
  "type": "normal",
  "contexts": ["image"],
  "onclick": this.handleClick
});

在我的handleClick方法中,我想显示一个通知.此通知应弹出浏览器窗口的右上角,该窗口仅确认用户已单击上下文菜单.我怎么做？

我做了一些研究,但没有找到任何有用的东西.https://developer.chrome.com/extensions/notifications这talkes有关系统托盘通知,其中,因为这https://developer.chrome.com/extensions/browserAction#method-setPopup可以让你创建新的弹出窗口,但他们仅单击扩展图标时.

Answer 1

在Chrome中显示通知有三种主要方式.

1)上述chrome.notificationsAPI.它将显示一个祝酒词(不仅仅是系统托盘中的一个指示),但作为开发人员,你对它的显示方式几乎没有发言权.用法概述在这里.

2)标准HTML Notification API.在Chrome中,看起来类似于chrome.notifications,除了对格式的控制较少而且不是由Chrome的通知中心管理.用法概述在这里.

3)如果你真的想要控制它的显示方式,那么最具侵入性和最难的方法是将你的UI注入带有内容脚本的所有页面.

如果你这样做,你将面临几个问题:

• 一般来说,自己设计UI更难;
• 用户界面将仅限于网页视口;
• CSS可能会从页面中流失并破坏您的UI(尽管Shadow DOM可以作为答案);
• 您需要对"所有网页上的数据"进行一揽子权限才能显示您的用户界面.它往往会吓跑用户.

如果你决定走这条路,那么这个问题可能有所帮助:Chrome扩展程序内容脚本自定义ui