在Android上安装manifest.json

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

错误在哪里？

---

更新资料

我改善了以下几个方面

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

解

防止Notepad ++在第一个括号之前自动添加空格

Answer 1

根据MDN关于可安装pwa的文档

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

因此，至少您的清单缺少图标

Answer 2

它是编辑器：即使保存为utf-8，记事本也会在第一个括号“ {”之前添加空格，从而使代码无效。 请谨慎选择JSON编辑器！