google-chrome-extension - Google Chrome 扩展 manifest.json 文件

Question

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

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

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

Answer 1

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

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

您可能还想阅读：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/"
  ]
}

清单 - Web 可访问资源：

这是分配给manifest.jsonweb_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/*"
  ],
  ...
}

For more information on web_accessible_resources see Google Chrome developer documentation: Manifest - Web Accessible Resources.