Chrome扩展程序：未加载JavaScript

Question

我有以下代码用于chrome扩展，即关于stackoverflow的另一个问题的contentscript.py：

manifest.js

{
"name": "test script",
"version": "0.1",
"content_scripts": [{
    "js": ["contentscript.js"],
    "matches": ["http://*/*"]
}],
"manifest_version": 2,
"web_accessible_resources": ["script.js"]
}

contentscript.js

var s = document.createElement('script');
s.src = chrome.extension.getURL('script.js');
(document.head||document.documentElement).appendChild(s);
s.onload = function() {
    s.parentNode.removeChild(s);
};

script.js

document.body.innerHTML = document.body.innerHTML.replace(new RegExp("this", "gi"), "that");

为了简单地替换一些文本。 如果我将test.js上的相同表达式放在测试html文件上，则它可以工作，但在扩展名中却不会像实际注入代码那样出现。 我无法为自己的生活弄清楚原因。 清单和目录脚本看起来井井有条，所以我不知道该怎么办。

Answer 1

尝试在manifest.json中的匹配项中添加“ https：// * / *”。 我建议您将第一行放在contentscript.js中：

console.log('Content script loaded and started');

因此，您可以检查页面（F12，控制台选项卡），然后查看是否已插入内容脚本。 这将对您的调试有很大帮助。

我不知道您的script.js中发生了什么，但是值得考虑的是，onload事件中的removechild可能在完成任务之前发生。