我正在开发一个谷歌Chrome扩展,并且遇到了一个与背景相关的挑战;浏览器没有加载在CSS中添加的背景图片。
我似乎找不到一种有效的方法来在manifest.json
文件的web_accessible_resources
键下声明资产。
manifest.json
文件是什么,如何在其中声明资产?
我正在开发一个谷歌Chrome扩展,并且遇到了一个与背景相关的挑战;浏览器没有加载在CSS中添加的背景图片。
我似乎找不到一种有效的方法来在manifest.json
文件的web_accessible_resources
键下声明资产。
manifest.json
文件是什么,如何在其中声明资产?
任何Chrome扩展都需要一个manifest.json文件,它包含定义扩展的信息。文件中的信息格式为JSON。
您可以在Google Chrome开发者文档中了解有关其包含的内容的更多信息:清单文件格式
您可能还想阅读:Google Chrome扩展概述
一个相对简单的manifest.json文件如下(来源:入门:构建Chrome扩展):
{
"manifest_version": 2,
"name": "Getting started example",
"description": "This extension shows a Google Image search result for the current page",
"version": "1.0",
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html"
},
"permissions": [
"activeTab",
"https://ajax.googleapis.com/"
]
}
这是一个字符串数组,分配给您的 manifest.json 文件中的键 web_accessible_resources
,它指定了扩展中可供网页访问的资源。在 manifest.json 中的文件/路径是相对于扩展的根目录的。网页可以通过 URL 访问资源,该 URL 如下所示:chrome-extension://[PACKAGE ID]/[PATH]
。
示例(来源:Manifest - Web Accessible Resources):
{
...
"web_accessible_resources": [
"images/*.png",
"style/double-rainbow.css",
"script/double-rainbow.js",
"script/main.js",
"templates/*"
],
...
}
有关web_accessible_resources
的更多信息,请参阅Google Chrome开发人员文档:Manifest - Web可访问资源。
manifest.json
文件可能是 Chrome 扩展中最重要的文件,它描述了扩展程序的核心信息和功能。 - Andrew Li