我如何使用 chrome 扩展内容脚本在启动时将 html 注入到页面中

Question

我想创建一个扩展，以便在加载后立即将 html 注入到每个页面中。我熟悉manifest.json 的规则以及如何运行内容脚本。我目前遇到的问题是内容脚本在网页加载后注入 html，这有点破坏性。我想在窗口打开时立即加载它，以便注入它，然后也加载网页。你能帮忙吗？

Answer 1

在这里需要明确的是，“加载”意味着“开始加载”，对吧？当您说您熟悉manifest.json 时，您的意思是您熟悉必要的权限以及如何指定要运行的页面和脚本？因为我认为您要寻找的是manifest.json中content_scripts的run_at属性：

http://code.google.com/chrome/extensions/content_scripts.html#registration

{
  // other stuff
  "content_scripts": [{
    "matches": ["http://*/*"],
    "js": ["content.js"],
    "run_at": "document_start"
  }],
  // other stuff
}

这会强制您的代码在 DOM 加载之前执行每一页。请注意，这可能很复杂，因为您的扩展可能无法创建 HTML，当然，DOM 尚未加载。如果您希望脚本比其默认的“document_idle”早一点触发，请改用“document_end”。