Question

我的Chrome扩展程序添加了几个对js文件的引用（例如<script src="javascript_file_1.js"></script>）。使用chrome的'Inspect element'功能，我可以看到所有引用都被正确添加，但它们似乎没有被“加载”。有没有办法“重新执行”页面，以便加载这些新的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"
    }
  ],
  ...
}

使用此选项，您可以在渲染页面时使用代码。

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

1 个答案: