Google Chrome 扩展 manifest.json 文件答案

【问题标题】：Google Chrome Extension manifest.json fileGoogle Chrome 扩展 manifest.json 文件
【发布时间】：2016-09-04 01:25:11
【问题描述】：

我正在开发一个谷歌 Chrome 扩展程序并面临一个背景挑战；浏览器不加载CSS中添加的背景图片。

我似乎找不到在manifest.json 文件中的web_accessible_resources 键下声明资产的有效方法。

manifest.json 文件是什么？如何在其中声明资产？

【问题讨论】：

manifest.json 文件可能是 chrome 扩展中最重要的一个文件...

标签： google-chrome-extension manifest.json

【解决方案1】：

任何 Chrome 扩展都需要 manifest.json 文件。 manifest.json 文件包含定义扩展的信息。文件中信息的格式为JSON。

您可以在 Google Chrome 开发者文档中阅读更多关于它包含的内容：Manifest File Format

您可能还想阅读：Overview of Google Chrome Extensions

一个相对简单的 manifest.json 文件看起来像（来源：Getting Started: Building a Chrome Extension）：

{
  "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 - Web Accessible Resources:

这是一个字符串数组，分配给您的 manifest.json 文件中的键 web_accessible_resources，它指定了您的扩展程序中可供网页访问的资产。 manifest.json 中的文件/路径是相对于您的扩展的根目录的。该网页可以从如下 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 Accessible Resources。

【讨论】：