是否允许为manifest.json使用相对路径并将其放置在根目录之外？

Question

我们正在使用manifest.json文件，如下所示：

manifest.json

连同图标一起位于：

 {
  "name": "Our app",
  "description": "Our app description",
  "short_name": "our-app",
  "icons": [
    {
      "src": "/content/favicons/android-chrome-36x36.png",
      "sizes": "36x36",
      "type": "image/png",
      "density": 0.75
    },
    {
      "src": "/content/favicons/android-chrome-48x48.png",
      "sizes": "48x48",
      "type": "image/png",
      "density": 1
    },
    {
      "src": "/content/favicons/android-chrome-72x72.png",
      "sizes": "72x72",
      "type": "image/png",
      "density": 1.5
    },
    {
      "src": "/content/favicons/android-chrome-96x96.png",
      "sizes": "96x96",
      "type": "image/png",
      "density": 2
    },
    {
      "src": "/content/favicons/android-chrome-144x144.png",
      "sizes": "144x144",
      "type": "image/png",
      "density": 3
    },
    {
      "src": "/content/favicons/android-chrome-192x192.png",
      "sizes": "192x192",
      "type": "image/png",
      "density": 4
    }
  ]
}

。因此，我们这样引用它：/content/favicons/manifest.json

我对manifest.json文件进行了很多研究，并且网络上的所有内容仅说明了当所有文件都位于根文件夹中时如何处理它，这是我们所不希望的。我们需要保持干净，因此我们为所有与favicon相关的事情引入了一个新文件夹。

问题是是否允许这样做，并且src路径（例如 <link rel="manifest" href="/content/favicons/manifest.json">）是否需要相对或绝对。那么在此设置中src path应该是什么？

Answer 1

TL; DR相对路径和绝对路径均起作用

假设您具有以下文件：

• "src": "/content/favicons/android-chrome-48x48.png"
• [/content/favicon/android-chrome-192x192.png，引用了/content/favicon/manifest.json] >>
• [android-chrome-192x192.png，用/index.html引用manifest.json

然后可以将<link rel="manifest" href="/content/favicon/manifest.json">的相应src属性设置为：

• manifest.json（即绝对路径）。这是您可以使用/content/favicon/android-chrome-192x192.png测试的内容（完整披露：我是该网站的作者）。
• favicon compatibility test of RFG（即相对路径）。我刚刚使用Android Chrome 51进行了测试。但是，由于更多浏览器支持Web应用清单，因此应再次选中此选项。

Answer 2

仅添加一些特定信息。MDN表示有关android-chrome-192x192.png属性：