Chrome扩展程序:Javascript未加载

时间:2013-11-11 10:57:49

标签: javascript google-chrome google-chrome-extension

我有以下代码用于chrome扩展,contentcript.py根据stackoverflow上的另一个问题:

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文件上,它可以工作,但是在扩展中它看起来并不像实际注入代码那样。我不能为我的生活找出原因。清单和内容脚本按顺序显示,所以我不知道该怎么做。

1 个答案:

答案 0 :(得分:0)

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

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

因此,您可以检查页面(F12,控制台选项卡)并查看是否注入了内容脚本。它对你的调试有很大的帮助。

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