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

Question

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

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”。