google-chrome-extension - 谷歌浏览器扩展 manifest.json 文件

Question

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

我似乎找不到有效的方式来申报 web_accessible_resources 下的 Assets 关键在 manifest.json文件。

什么是manifest.json文件以及如何在其中申报 Assets ？

Answer 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 :

这是分配给键 web_accessible_resources 的字符串数组在您的 manifest.json 文件中，该文件指定了您的扩展程序中可供网页访问的 Assets 。 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 .