在清单中声明内容脚本

可以在 manifest.json 中声明内容脚本，以便始终将其注入到与一组 URL 模式匹配的页面中。

最小的例子

"content_scripts" : [
  {
    "js": ["content.js"],
    "css": ["content.css"]
    "matches": ["http://example.com/*"]
  }
]

此清单条目指示 Chrome 在与匹配模式 http://example.com/* 匹配的页面导航后，将 CSS 内容脚本 content.js 与 CSS 文件 content.css 一起注入

js 和 css 键都是可选的：根据你的需要，你只能拥有其中一个或两个。

content_scripts key 是一个数组，你可以声明几个内容脚本定义：

"content_scripts" : [
  {
    "js": ["content.js"],
    "matches": ["http://*.example.com/*"]
  },
  {
    "js": ["something_else.js"],
    "matches": ["http://*.example.org/*"]
  }
]

请注意，即使你只有一个条目，js 和 matches 都是数组。

官方文档和其他示例中提供了更多选项。

重要的提示

清单中声明的​​内容脚本仅在扩展加载后注入新导航。它们不会在现有选项卡中注入。这也适用于开发时的扩展重新加载以及发布后的扩展更新。

如果你需要确保涵盖当前打开的选项卡，请考虑在启动时执行编程注入。