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

马特·泽纳特

使用内容脚本,您可以将脚本标签注入DOM以便访问原始页面中的变量(如本问题所述)。

我想避免将代码注入每个页面,而仅在用户单击扩展图标时才这样做。

当我尝试使用与内容脚本相同的代码时,尽管脚本已正确插入,但未定义值。

这可能吗?否则,使用内容脚本并与之通信是首选解决方案吗?

这是我正在使用的代码:

var scr = document.createElement("script");
scr.type="text/javascript";
scr.innerHTML = "setInterval('console.log(window.testVar)', 1000)"
document.body.appendChild(scr)

清单摘录:

 "permissions": [
    "tabs",
    "http://*/*", "https://*/*"
  ],
  "background": {
    "scripts": ["inject.js"]
  },
连接

您可以使用以下代码创建新的后台脚本:

chrome.browserAction.onClicked.addListener( function() {
  chrome.tabs.executeScript( { file: 'inject.js' } );
});

inject.js应该将其保留为扩展的一部分,但无需在清单中提及它。这样,每次您按下扩展程序图标时,它将作为内容脚本运行。您没有在清单文件中定义browserAction的那一部分,但是只需要不指定即可default_popup

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何从Chrome扩展程序的后台js访问页面元素

来自分类Dev

Chrome扩展程序后台页面和内容脚本同步

来自分类Dev

Chrome扩展程序:如何使后台等待执行脚本?

来自分类Dev

如何在Chrome扩展程序中动态运行后台脚本?

来自分类Dev

如何在Chrome扩展程序中动态运行后台脚本?

来自分类Dev

Chrome扩展程序后台页面状态

来自分类Dev

Chrome扩展程序后台脚本中的AngularJS

来自分类Dev

从后台Chrome扩展程序访问窗口对象

来自分类Dev

Chrome扩展程序后台页面以编程方式注入的内容脚本多次注入

来自分类Dev

无法在Chrome扩展程序中从后台页面向内容脚本发送消息

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

弹出式窗口中的Chrome扩展程序后台页面

来自分类Dev

Chrome扩展程序:后台脚本捕获网络和HTTP错误

来自分类Dev

Chrome扩展程序后台脚本不起作用

来自分类Dev

Google Chrome扩展程序中有多个后台脚本吗?

来自分类Dev

Chrome邮件扩展程序:从注入脚本到后台

来自分类Dev

在Chrome扩展程序后台脚本上接收CORS策略

来自分类Dev

Chrome扩展程序:仅在刷新后,后台脚本才会启动

来自分类Dev

Chrome扩展程序:后台脚本捕获网络和HTTP错误

来自分类Dev

Chrome邮件扩展程序:从注入脚本到后台

来自分类Dev

在Chrome扩展程序中将变量从后台传递到弹出窗口

来自分类Dev

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

来自分类Dev

如何读取当前页面的HTML以访问Chrome扩展程序中的元素?

来自分类Dev

如何读取当前页面的HTML以访问Chrome扩展程序中的元素?

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

Related 相关文章

  1. 1

    如何从Chrome扩展程序的后台js访问页面元素

  2. 2

    Chrome扩展程序后台页面和内容脚本同步

  3. 3

    Chrome扩展程序:如何使后台等待执行脚本?

  4. 4

    如何在Chrome扩展程序中动态运行后台脚本?

  5. 5

    如何在Chrome扩展程序中动态运行后台脚本?

  6. 6

    Chrome扩展程序后台页面状态

  7. 7

    Chrome扩展程序后台脚本中的AngularJS

  8. 8

    从后台Chrome扩展程序访问窗口对象

  9. 9

    Chrome扩展程序后台页面以编程方式注入的内容脚本多次注入

  10. 10

    无法在Chrome扩展程序中从后台页面向内容脚本发送消息

  11. 11

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

  12. 12

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

  13. 13

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

  14. 14

    弹出式窗口中的Chrome扩展程序后台页面

  15. 15

    Chrome扩展程序:后台脚本捕获网络和HTTP错误

  16. 16

    Chrome扩展程序后台脚本不起作用

  17. 17

    Google Chrome扩展程序中有多个后台脚本吗?

  18. 18

    Chrome邮件扩展程序:从注入脚本到后台

  19. 19

    在Chrome扩展程序后台脚本上接收CORS策略

  20. 20

    Chrome扩展程序:仅在刷新后,后台脚本才会启动

  21. 21

    Chrome扩展程序:后台脚本捕获网络和HTTP错误

  22. 22

    Chrome邮件扩展程序:从注入脚本到后台

  23. 23

    在Chrome扩展程序中将变量从后台传递到弹出窗口

  24. 24

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

  25. 25

    如何读取当前页面的HTML以访问Chrome扩展程序中的元素?

  26. 26

    如何读取当前页面的HTML以访问Chrome扩展程序中的元素?

  27. 27

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

  28. 28

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

  29. 29

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

热门标签

归档