Chrome扩展程序:如何获取网页以访问由内容脚本定义的功能?

HydroPage

我正在编写一个Chrome扩展程序,并注入了一个内容脚本,该脚本会循环访问几个元素,onclick并向它们附加一个属性,属性会将消息发送到我的后台脚本,以在DOM上执行自定义功能(该功能已定义在内容脚本中)。要将消息从网页发送到扩展,必须指定扩展ID,到目前为止,我是从扩展菜单中手动获取的。我是否可以查询扩展名自己的ID,以便注入与内容脚本对话的代码?还有另一种方法可以做我想做的事吗?

为每个元素注入到DOM中的代码如下所示

targets[current].element.setAttribute("onclick", `chrome.runtime.sendMessage(${EXTENSION_ID}, this.id)`);
捕食者

有多种方法可以在您正在查看的特定选项卡和后台脚本之间交换信息。您可以查看这些答案。

您的Chrome扩展程序ID问题的解决方案是使用chrome.runtime.id获取扩展程序ID,并将其与其他代码一起注入所需的页面,然后使用它发送回消息。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Chrome扩展程序内容脚本访问扩展程序框架

来自分类Dev

在内容脚本中定义但无法在弹出窗口中访问的脚本(Chrome扩展程序)

来自分类Dev

Chrome扩展程序内容脚本自定义ui

来自分类Dev

如何在Chrome扩展程序内容脚本中获取错误堆栈跟踪?

来自分类Dev

如何在Chrome扩展程序内容脚本中获取错误堆栈跟踪?

来自分类Dev

如何自动测试Chrome扩展程序中的内容脚本?

来自分类Dev

Chrome扩展程序:如何全局捕获/处理内容脚本错误?

来自分类Dev

如何选择何时启动Chrome扩展程序的内容脚本?

来自分类Dev

如何取消Chrome扩展程序内容脚本中的事件绑定?

来自分类Dev

如何从Chrome扩展程序后台脚本访问页面变量

来自分类Dev

Chrome扩展程序引用/调用内容脚本中的其他脚本功能

来自分类Dev

如何从常规网站调用Chrome扩展程序中定义的功能?

来自分类Dev

在Chrome扩展程序中停止内容脚本

来自分类Dev

Chrome扩展程序注入脚本获取错误

来自分类Dev

Chrome扩展程序注入脚本获取错误

来自分类Dev

InnerText在内容脚本Chrome扩展程序中返回未定义的

来自分类Dev

Chrome扩展程序内容脚本-在Ember网站上未定义应用

来自分类Dev

Chrome扩展程序如何向网页公开自定义API?

来自分类Dev

获取本地存储值到内容脚本[Chrome扩展程序]的简便方法

来自分类Dev

在Chrome扩展程序中将远程脚本作为内容脚本

来自分类Dev

使用Chrome扩展程序从网页获取变量-localstorage?

来自分类Dev

如何在Chrome扩展程序的内容脚本之间重复使用代码?

来自分类Dev

如何确定内容脚本的弹出窗口中是否包含Chrome扩展程序?

来自分类Dev

在chrome扩展程序中,如何使用内容脚本注入Vue页面

来自分类Dev

如何通过内容脚本在Chrome扩展程序中设置标志文本?

来自分类Dev

如何使用Chrome扩展程序内容脚本将具有相同域的多个网站进行匹配

来自分类Dev

如何使用Chrome扩展程序(内容脚本)覆盖拖动事件侦听器?

来自分类Dev

如何从Chrome扩展程序访问主机

来自分类Dev

如何从Chrome扩展程序访问主机

Related 相关文章

  1. 1

    Chrome扩展程序内容脚本访问扩展程序框架

  2. 2

    在内容脚本中定义但无法在弹出窗口中访问的脚本(Chrome扩展程序)

  3. 3

    Chrome扩展程序内容脚本自定义ui

  4. 4

    如何在Chrome扩展程序内容脚本中获取错误堆栈跟踪?

  5. 5

    如何在Chrome扩展程序内容脚本中获取错误堆栈跟踪?

  6. 6

    如何自动测试Chrome扩展程序中的内容脚本?

  7. 7

    Chrome扩展程序:如何全局捕获/处理内容脚本错误?

  8. 8

    如何选择何时启动Chrome扩展程序的内容脚本?

  9. 9

    如何取消Chrome扩展程序内容脚本中的事件绑定?

  10. 10

    如何从Chrome扩展程序后台脚本访问页面变量

  11. 11

    Chrome扩展程序引用/调用内容脚本中的其他脚本功能

  12. 12

    如何从常规网站调用Chrome扩展程序中定义的功能?

  13. 13

    在Chrome扩展程序中停止内容脚本

  14. 14

    Chrome扩展程序注入脚本获取错误

  15. 15

    Chrome扩展程序注入脚本获取错误

  16. 16

    InnerText在内容脚本Chrome扩展程序中返回未定义的

  17. 17

    Chrome扩展程序内容脚本-在Ember网站上未定义应用

  18. 18

    Chrome扩展程序如何向网页公开自定义API?

  19. 19

    获取本地存储值到内容脚本[Chrome扩展程序]的简便方法

  20. 20

    在Chrome扩展程序中将远程脚本作为内容脚本

  21. 21

    使用Chrome扩展程序从网页获取变量-localstorage?

  22. 22

    如何在Chrome扩展程序的内容脚本之间重复使用代码?

  23. 23

    如何确定内容脚本的弹出窗口中是否包含Chrome扩展程序?

  24. 24

    在chrome扩展程序中,如何使用内容脚本注入Vue页面

  25. 25

    如何通过内容脚本在Chrome扩展程序中设置标志文本?

  26. 26

    如何使用Chrome扩展程序内容脚本将具有相同域的多个网站进行匹配

  27. 27

    如何使用Chrome扩展程序(内容脚本)覆盖拖动事件侦听器?

  28. 28

    如何从Chrome扩展程序访问主机

  29. 29

    如何从Chrome扩展程序访问主机

热门标签

归档