Как браузер выбрать, какой размер значка выбрать из массива иконок, включенного в manifest.json для pwa? - PullRequest
0 голосов
/ 06 декабря 2018

Мы все знаем, что файл manifest.json - это метаданные веб-приложения, которые рассказывают о приложении и могут быть установлены на мобильном устройстве клиента.Вы можете добавить веб-приложение на домашний экран и получить прямой доступ, нажав на значок, но как браузер узнал, какой размер выбрать для какого телефона, ведь у каждого телефона разный экран dpi.

Это пример манифестафайл .json с набором иконок размером

{
  "name": "HackerWeb",
  "short_name": "HackerWeb",
  "start_url": ".",
  "display": "standalone",
  "background_color": "#fff",
  "description": "A simply readable Hacker News app.",
  "icons": [{
    "src": "images/touch/homescreen48.png",
    "sizes": "48x48",
    "type": "image/png"
  }, {
    "src": "images/touch/homescreen72.png",
    "sizes": "72x72",
    "type": "image/png"
  }, {
    "src": "images/touch/homescreen96.png",
    "sizes": "96x96",
    "type": "image/png"
  }, {
    "src": "images/touch/homescreen144.png",
    "sizes": "144x144",
    "type": "image/png"
  }, {
    "src": "images/touch/homescreen168.png",
    "sizes": "168x168",
    "type": "image/png"
  }, {
    "src": "images/touch/homescreen192.png",
    "sizes": "192x192",
    "type": "image/png"
  }],
  "related_applications": [{
    "platform": "play",
    "url": "https://play.google.com/store/apps/details?id=cheeaun.hackerweb"
  }]
}
...