注入html代码后加载内容脚本

时间:2014-05-11 17:29:07

标签: javascript google-chrome-extension

如何在将html注入页面后加载脚本?

在点击事件中注入的html代码。 内容脚本在click事件(注入html)之前加载

该脚本包含添加节点的侦听器。 因此,当单击注入节点中的按钮时,脚本中的evnt在注入html之前无法触发它们。

可以使用哪些替代品?

以及在注入html后我可以加载一些脚本的任何方式吗?

 "content_scripts": [
    {
      "matches": ["https://*.facebook.com/*"],
      "css": ["css/chat_style.css"],
      "js": ["jquery-latest.min.js","js/socket.io.js","contentscript.js","js/chat_script.js"],
      "run_at": "document_end"
    }
  ]

contentscript.js在页面上的某些点击事件中将html注入到facebook页面,而chat_script.js包含对contentscript.js注入的节点的点击监听器

问题是在注入html之前会加载chat_script。

1 个答案:

答案 0 :(得分:-2)

您可以以编程方式注入脚本,以便在注入html之前不会加载它。

这是一个前任:

chrome.tabs.executeScript(null, {file: "chat_script.js"});

在注入html后将其添加到contentscript.js。

Chrome文档中的更多信息

https://developer.chrome.com/extensions/content_scripts#pi