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

Javascript 在注入html代码后加载内容脚本,javascript,google-chrome-extension,Javascript,Google Chrome Extension,如何在向页面注入html后加载脚本 在单击事件中插入的html代码。 内容脚本在click事件(在其上注入html)之前加载 脚本包含添加节点的侦听器。 因此,当单击注入节点中的按钮时,脚本中的evnt无法触发,因为它们是在注入html之前加载的 taht可以使用哪些替代方案 在注入html之后,我可以用什么方法加载一些脚本 "content_scripts": [ { "matches": ["https://*.facebook.com/*"], "css"

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

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

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

taht可以使用哪些替代方案

在注入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之前加载聊天脚本。

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

这是一位前任:

chrome.tabs.executeScript(null, {file: "chat_script.js"});
在注入html后将其添加到contentscript.js

chrome文档中的更多信息


在问题中添加相关代码。能否将HTML注入代码添加到问题中?这是一个不完整的答案:重要的部分是检测何时该注入代码。请更新答案。这应该不难,因为html是以编程方式注入的。现在答案是完全错误的。首先,内容脚本不能使用
chrome.tabs
API。其次,这完全忽略了一个事实,即HTML是异步注入的(否则一开始就不会有问题)?侦听器的范围是否有效?