google-chrome-extension 在清单中声明内容脚本

示例

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

最小的例子

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

此清单条目指示Chrome在导航到与匹配模式匹配的页面之后content.js，注入内容脚本以及CSS文件content.csshttp://example.com/*

这两个js和css键是可选的：你只能有其中的一个或两个取决于你所需要的东西。

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

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

请注意，两个js和matches都是数组，即使您只有一个条目也是如此。

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

重要的提示

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

如果需要确保覆盖当前打开的选项卡，请考虑在启动时也进行程序注入。