在Chrome扩展程序中显示通知

升华

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

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

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

我做了一些研究,但没有发现任何有用的东西。https://developer.chrome.com/extensions/notifications这是有关系统任务栏通知的内容,https://developer.chrome.com/extensions/browserAction#method-setPopup允许您创建新的弹出窗口,但仅显示这些弹出窗口单击扩展程序图标时。

可汗

在Chrome中显示通知的主要方法有3种。

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

Chrome通知

2)标准HTML通知API在Chrome中,外观与相似chrome.notifications,但对格式的控制较少,并且不受Chrome的通知中心管理。用法概述在这里

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

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

  • 通常,您自己设计UI会比较困难。
  • 用户界面将限于网页视口;
  • CSS可能会从页面渗出并破坏您的UI(尽管Shadow DOM可以解决);
  • 您只需要显示“所有网页上的数据”的全部权限即可显示您的UI。它往往会吓跑用户。

如果您仍然决定采用这种方法,那么以下问题可能会有所帮助:Chrome扩展程序内容脚本自定义ui

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在Chrome扩展程序中显示警报对话框

来自分类Dev

突出显示Chrome扩展程序中的所有单词

来自分类Dev

Chrome自动突出显示扩展程序中的按钮

来自分类Dev

在Chrome扩展程序下拉列表中显示倒计时

来自分类Dev

Chrome通知未从Chrome扩展程序后台页面显示

来自分类Dev

加载程序未显示在chrome扩展名中

来自分类Dev

通知面板打开时关闭/清除Chrome扩展程序通知

来自分类Dev

Chrome扩展程序错误,显示“ onCommand”

来自分类Dev

Chrome扩展程序:单击通知后创建新标签

来自分类Dev

Chrome扩展程序通知仅显示一次

来自分类Dev

我可以在带有Chrome扩展程序的Chrome中禁用“您已全屏显示”通知吗?

来自分类Dev

显示优先级<0的Chrome扩展程序通知(chrome.notifications)的行为是什么?

来自分类Dev

如何设置通知扩展程序Chrome的关闭时间

来自分类Dev

Chrome扩展程序-在全屏视频顶部显示自定义通知/弹出窗口(HTML元素)

来自分类Dev

为什么某些Chrome扩展程序在扩展程序工具栏中显示为灰色?

来自分类Dev

在Chrome扩展程序中显示警报对话框

来自分类Dev

我的Chrome扩展程序在扩展程序页面中未显示48x48图标

来自分类Dev

如何在Chrome扩展程序中插入通知操作按钮?

来自分类Dev

Chrome会自动在扩展程序中突出显示我的按钮

来自分类Dev

Javascript Chrome扩展程序未显示结果

来自分类Dev

Chrome通知未从Chrome扩展程序后台页面显示

来自分类Dev

Chrome扩展程序错误,显示“ onCommand”

来自分类Dev

Chrome扩展程序不显示内容脚本中的数据

来自分类Dev

Chrome扩展程序-通知

来自分类Dev

Chrome扩展程序通知未显示contextMessage吗?

来自分类Dev

显示Chrome扩展程序的热键是什么?

来自分类Dev

Chrome扩展程序-在全屏视频顶部显示自定义通知/弹出窗口(HTML元素)

来自分类Dev

Chrome 扩展通知按钮未在 MacOs/OSX 上显示

来自分类Dev

Chrome 扩展程序未显示在商店中

Related 相关文章

  1. 1

    在Chrome扩展程序中显示警报对话框

  2. 2

    突出显示Chrome扩展程序中的所有单词

  3. 3

    Chrome自动突出显示扩展程序中的按钮

  4. 4

    在Chrome扩展程序下拉列表中显示倒计时

  5. 5

    Chrome通知未从Chrome扩展程序后台页面显示

  6. 6

    加载程序未显示在chrome扩展名中

  7. 7

    通知面板打开时关闭/清除Chrome扩展程序通知

  8. 8

    Chrome扩展程序错误,显示“ onCommand”

  9. 9

    Chrome扩展程序:单击通知后创建新标签

  10. 10

    Chrome扩展程序通知仅显示一次

  11. 11

    我可以在带有Chrome扩展程序的Chrome中禁用“您已全屏显示”通知吗?

  12. 12

    显示优先级<0的Chrome扩展程序通知(chrome.notifications)的行为是什么?

  13. 13

    如何设置通知扩展程序Chrome的关闭时间

  14. 14

    Chrome扩展程序-在全屏视频顶部显示自定义通知/弹出窗口(HTML元素)

  15. 15

    为什么某些Chrome扩展程序在扩展程序工具栏中显示为灰色?

  16. 16

    在Chrome扩展程序中显示警报对话框

  17. 17

    我的Chrome扩展程序在扩展程序页面中未显示48x48图标

  18. 18

    如何在Chrome扩展程序中插入通知操作按钮?

  19. 19

    Chrome会自动在扩展程序中突出显示我的按钮

  20. 20

    Javascript Chrome扩展程序未显示结果

  21. 21

    Chrome通知未从Chrome扩展程序后台页面显示

  22. 22

    Chrome扩展程序错误,显示“ onCommand”

  23. 23

    Chrome扩展程序不显示内容脚本中的数据

  24. 24

    Chrome扩展程序-通知

  25. 25

    Chrome扩展程序通知未显示contextMessage吗?

  26. 26

    显示Chrome扩展程序的热键是什么?

  27. 27

    Chrome扩展程序-在全屏视频顶部显示自定义通知/弹出窗口(HTML元素)

  28. 28

    Chrome 扩展通知按钮未在 MacOs/OSX 上显示

  29. 29

    Chrome 扩展程序未显示在商店中

热门标签

归档