浏览器 manifest.json 多个 content_scripts
时间: 2024-09-09 10:02:30 浏览: 105
在浏览器扩展开发中,manifest.json 文件是用来定义扩展程序的基本信息和行为的配置文件。其中,`content_scripts` 是一个非常重要的属性,它允许开发者指定扩展程序需要在哪些页面上运行自定义的 JavaScript 和 CSS 代码。
当你在一个 manifest.json 文件中定义多个 `content_scripts` 时,你可以针对不同的网站或者页面条件加载不同的脚本。这在多个场景下非常有用,比如你想要为不同类型的网页定制不同的功能,或者在访问特定类型的页面时注入特定的脚本。
以下是一个简单的示例来展示如何在 manifest.json 中定义多个 `content_scripts`:
```json
{
"manifest_version": 2,
"name": "My Extension",
"version": "1.0",
"content_scripts": [
{
"matches": ["http://*/*", "https://*/*"],
"js": ["content_script通用.js"],
"css": ["styles通用.css"]
},
{
"matches": ["https://*.example.com/*"],
"js": ["content_script特定.js"],
"css": ["styles特定.css"]
}
],
"permissions": ["https://*.example.com/*"]
}
```
在这个例子中,有两个 `content_scripts` 定义:
1. 第一个 `content_scripts` 定义了一个通用脚本(`content_script通用.js`)和样式(`styles通用.css`),它将在所有网站上运行。
2. 第二个 `content_scripts` 定义了一个特定网站(example.com)的脚本(`content_script特定.js`)和样式(`styles特定.css`),它将只在访问 example.com 的网站时运行。
需要注意的是,每个 `content_scripts` 条目都可以定义自己的 `matches` 属性来指定脚本应该运行的网页范围,以及 `js` 和 `css` 属性来指定要注入的 JavaScript 文件和 CSS 文件。
阅读全文