Question

我正在尝试在此处构建渐进式Web应用程序：https://121eddie.github.io。这涉及到

用于安装和提示访问权限的manifest.json
用于离线缓存的服务工作者。（它安装正确，但出于某种原因从不接听离线呼叫）

以下manifest.json由https://manifest-validator.appspot.com/验证。

{
"name": "Determiner ma position et la partager",
"short_name": "PositionWeb",
"start_url": "/index.html",
"homepage_url":"https://121eddie.github.io/",
"display": "standalone",
"description": "Une application Web Progressive qui permet de connaitre sa position et de la telecharger ou partager, meme en mode offline",
"lang": "fr-FR",
"scope": "/",
"background_color": "lightyellow",
"theme_color": "lightgreen",
"permissions": [
    "geolocation",
    "fileSystem",
    "fileSystem.write",
    "notifications"
],
"icons": [{"src": "icon200.png","sizes": "200x200","type": "image/png"},
{"src": "icon512.png","sizes": "512x512","type": "image/png"}
]
}

使用

加载到index.html中

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

然而，在Google Chrome浏览器上我得到了

SytaxError: unexpected token in JSON on position 0

错误在哪里？

更新

我改进了以下几个方面

我添加了一个图标
我用utf-8编码（而不是ansi）
我添加了一个favicon.ico

解决方案

阻止Notepad ++在第一个括号

Answer 1

根据MDN docs on installable pwa

Web清单的最低要求是名称和至少一个图标（具有src，大小和类型）。

所以，至少你的清单缺少一个图标

Answer 2

这是编辑器：即使在utf-8中保存，记事本也会在第一个Bracket＆＃34; {＆＃34;之前添加一个空格，从而使代码无效。小心选择JSON编辑器吧！

在android上安装manifest.json

2 个答案: