Добавить на домашний экран

Question

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

{
  "short_name": "xyx",
  "name": " ccccc ",
  "theme_color": "#4A90E2",
  "background_color": "#F7F8F9",
  "display": "standalone",
  "icons": [
    {
      "src": "/images/icons/icon-32.png",
      "type": "image/png",
      "sizes": "32x32"
    },
      {
      "src": "/images/icons/icon-64.png",
      "type": "image/png",
      "sizes": "64x64"
    },
    {
      "src": "/images/icons/icon-96.png",
      "type": "image/png",
      "sizes": "96x96"
    },
    {
      "src": "/images/icons/icon-128.png",
      "type": "image/png",
      "sizes": "128x128"
    },
    {
      "src": "/images/icons/icon-168.png",
      "type": "image/png",
      "sizes": "168x168"
    },
    {
      "src": "/images/icons/icon-192.png",
      "type": "image/png",
      "sizes": "192x192"
    },
    {
      "src": "/images/icons/icon-256.png",
      "type": "image/png",
      "sizes": "256x256"
    },
     {
      "src": "/images/icons/icon-512.png",
      "type": "image/png",
      "sizes": "512x512"
    }
  ],
  "start_url": "/?utm_source=launcher"
}

и в service-worker. js Я положил

if ('serviceWorker' in navigator) {  
window.addEventListener('load', function() {
    navigator.serviceWorker.register('/service-worker.js').then(function(registration) {
      // Registration was successful
      console.log('ServiceWorker registration successful with scope: ', registration.scope);
    }, function(err) {
      // registration failed :(
      console.log('ServiceWorker registration failed: ', err);
    });
  });
}

Что еще мне нужно сделать или добавить, чтобы ДОБАВИТЬ НА ГЛАВНЫЙ ЭКРАН появилось на моем мобильном телефоне ??

Answer 1

Я бы посоветовал вам переименовать его в manifest.webmanifest обычно.

Вы также связали его со своим приложением вот так?:

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

Затем проверьте, применяется ли оно:

Если вы все сделали правильно, проверьте, появляется ли кнопка установки.

Это веб-сайт: https://nuxtjs.org/