0

我有manifest.json并添加到我的HTML中<link rel="manifest" href="./manifest.json">。

我认为一切都很好，但我不明白为什么 chrome 开发工具无法检测到我的清单！

我的manifest.json：

{
    "name": "Arman News",
    "short_name": "Ar News",
    "description": "This is my first try to make PWA webstie.",
    "theme_color": "#ffffff",
    "background_color": "#ffffff",
    "display": "standalone",
    "Scope": "/",
    "start_url": ".",
    "icons": [
      {
        "src": "img/icons/Icon-192.png",
        "sizes": "192x192",
        "type": "image/png"
      },
      {
        "src": "img/icons/Icon-512.png",
        "sizes": "512x512",
        "type": "image/png"
      }
    ],
    "splash_pages": null
  }
4

2 回答 2

0

尝试浏览清单https://yourweb/manifest.json或 .webmanifest

如果 KO 添加以下内容：

  • 在您的服务器配置中添加 .json mime 类型 .json | 应用程序/json

  • 或将 manifest.json 重命名为 manifest.webmanifest .webmanifest | 应用程序/清单+json

如果可以，请查看应用程序下的开发工具，然后清单

于 2019-04-10T21:50:16.793 回答
0

确保 index.html 和 manifest.json 都在同一个文件夹中，如下所示，

<link rel="manifest" href="/manifest.json">

如果没有指向您网站的实际链接，这就是我们可以为给定代码提供的所有调试。如果这不能解决问题，请发布您的网络选项卡的屏幕截图以了解 manifest.json 发生了什么。

于 2018-07-02T19:48:16.720 回答