Google Chrome扩展程序manifest.json文件

Question

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

我似乎无法找到web_accessible_resources在manifest.json文件中的密钥下声明资产的有效方法.

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

Answer 1

一个manifest.json的文件所需的任何浏览器扩展程序.该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/"
  ]
}

清单 - Web可访问资源:

这是分配给关键字符串数组web_accessible_resources你内的manifest.json文件中指定要由网页进行访问您的扩展中的资产.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_resourcesGoogle Chrome开发人员文档的更多信息:Manifest - Web Accessible Resources.