title: Install a manifest.json on android
body: <p>I'm trying to build a Progressive Web App here: <a href="https://121eddie.github.io" rel="nofollow noreferrer">https://121eddie.github.io</a>. This involves </p>
  
  <ul>
  <li>a manifest.json for installing and prompting access rights</li>
  <li>a service worker for offline caching. (It gets installed properly but for some reason never answers offline calls)</li>
  </ul>
  
  <p>The following manifest.json got validated by <a href="https://manifest-validator.appspot.com/" rel="nofollow noreferrer">https://manifest-validator.appspot.com/</a>.</p>
  
  <pre><code>{
  "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"}
  ]
  }
  </code></pre>
  
  <p>it is loaded in index.html with</p>
  
  <pre><code> &lt;link rel="manifest" href="manifest.json"&gt;
  </code></pre>
  
  <p>Yet on Google Chrome I get</p>
  
  <pre><code>SytaxError: unexpected token in JSON on position 0
  </code></pre>
  
  <p>Where's the bug?</p>
  
  <hr>
  
  <p><strong>Update</strong></p>
  
  <p>I improved the following aspects</p>
  
  <ol>
  <li>I added an icon</li>
  <li>I encoded in utf-8 (instead of ansi)</li>
  <li>I added a favicon.ico</li>
  </ol>
  
  <p><strong>Solution</strong></p>
  
  <p>prevent Notepad++ from automatically adding a space before the first bracket</p>