Chrome扩展内容脚本一开始没有注入，如何调试？答案

【问题标题】：Chrome extension content scripts are not injected in the first place, how to debug?Chrome扩展内容脚本一开始没有注入，如何调试？
【发布时间】：2012-01-25 05:50:39
【问题描述】：

当我使用以下方式运行 Chromium 浏览器时：

chromium-browser --load-extension=/path/to/my/extension --user-data-dir=/path/to/chrome/profile --app=http://localhost/somepage

某些内容脚本未注入页面。这些脚本在清单文件中定义如下：

"content_scripts" : [{
                "matches" : [ "http://*/*", "https://*/*" ],
                "js" : [ "content/s1.js", "content/s2.js", "content/s3.js", "content/s4.js" ],
                "run_at" : "document_end"
}]

检查页面时，我看到只有s1.js 和s4.js 被成功注入。重新加载页面后，所有脚本都正确注入，我的扩展按预期工作。

这可能是什么原因，以及如何调试？

编辑：

那些内容脚本（有时无法注入）在开头引用“文档”。好像我把它们包装成这样的东西：

setTimeout(function() { document. ... }, 5000);

它们总是按预期注入。即使在清单中指定了“run_at”：“document_end”，文档是否可能不可用？

谢谢！

【问题讨论】：

我也注意到了这一点。我相信这就是我无法使用 JQuery 的 document.ready 函数的原因。

标签： google-chrome-extension chromium

【解决方案1】：

你最好这样做：

创建 1 个 content.js 脚本：

/* inject script */
try {
var script1 = document.createElement("script");script1.type = "text/javascript";script1.src = chrome.extension.getURL("/js/injected1.js");document.getElementsByTagName("head")[0].appendChild(script1);
var script2 = document.createElement("script");script2.type = "text/javascript";script2.src = chrome.extension.getURL("/js/injected2.js");document.getElementsByTagName("head")[0].appendChild(script2);
var script3 = document.createElement("script");script3.type = "text/javascript";script3.src = chrome.extension.getURL("/js/injected3.js");document.getElementsByTagName("head")[0].appendChild(script3);
var script4 = document.createElement("script");script4.type = "text/javascript";script4.src = chrome.extension.getURL("/js/injected4.js");document.getElementsByTagName("head")[0].appendChild(script4);
} catch(e) {}

在 manifest.json 中：

"content_scripts" : [{
            "matches" : [ "http://*/*", "https://*/*" ],
            "js" : [ "content.js" ],
            "run_at" : "document_end"

}]

【讨论】：