我应该把这个代码放在哪里，让它与Chrome扩展一起工作

Question

我的代码有问题，我已经想好了如何更改网站上出现单词的背景色，但我不确定在哪里以及如何使用谷歌扩展，该扩展在mainfest中使每次打开网站时都运行下面的脚本。我曾想过将代码放入inject.js中，但这似乎不起作用，尽管当我在控制台中测试代码时，它在每次测试时都能很好地工作。我不确定我是否把代码放错了文件，但如果你能给我一些建议或帮助，我将不胜感激。

var element = document.getElementsByClassName('Block')[0];
var originalHtml = element.innerHTML;
var newHtml = originalHtml.replace(new RegExp("Game", "g"), "<p style='background-color: lightblue;'>Game</p>");
element.innerHTML = newHtml;

Ps这个区块是一个逐行的单词集，有时有game或No game，我只想改变其中一个变量的颜色，这样我就可以清楚地看到game到No game的分布。

Answer 1

您应该用contentscript编写代码。例如content.js，并在清单文件(如(中有条目

"content_scripts": [
{
"matches": [
"http://*/*",
"https://*/*"
],
"js": ["content.js"],
"run_at": "document_end"    // Pay attention to this line
}
]

因此，每当您的页面在文档结束事件加载时，脚本都会运行。