javascript - Chrome 扩展 - 加载扩展添加的 javascript 文件

Question

我的 chrome 扩展添加了几个对 js 文件的引用（例如<script src="javascript_file_1.js"></script>）。使用 chrome 的“检查元素”功能，我可以看到所有引用都已正确添加，但它们似乎没有被“加载”。有没有办法“重新执行”页面以便加载这些新的 js 文件？

这是我使用的代码：

var srcArray = ["javascript_file_1.js",
        "javascript_file_2.js",
        "javascript_file_3.js",
        "javascript_file_4.js",
        "javascript_file_5.js",
        "javascript_file_6.js",
        "javascript_file_7.js"];

function AddScript(value)
{
    var entry = document.createElement("SCRIPT")
    entry.src = value;
    document.head.appendChild(entry);

}

它们似乎是在页面渲染后添加的，因此在渲染页面时没有使用它们的内容。

非常感谢，卢克

Answer 1

使用 注入您的内容脚本"run_at" : "document_start"，使用此选项注入的脚本会在 之后css injection，但在构造 DOM 或运行任何其他脚本之前注入。

{
  "name": "My extension",
  ...
  "content_scripts": [
    {
      "matches": ["http://www.google.com/*"],
      "css": ["mystyles.css"],
      "js": ["jquery.js", "myscript.js"],
      "run_at": "document_start"
    }
  ],
  ...
}

使用此选项，您的代码将在呈现页面时使用。