PWA - установить заставку для андроид устройства - PullRequest
Новая
       10

PWA - установить заставку для андроид устройства

0 голосов
/ 18 октября 2018

У меня есть один адаптивный веб-сайт, который я хочу использовать в качестве прогрессивного веб-приложения.Я инициализировал базовые вещи, такие как настройка значков, имени приложения и т. Д. Все работает нормально, только проблема с заставкой.На устройствах iOS я могу изменить заставку с помощью приведенного ниже кода.

<link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)" href="<?= \yii\helpers\Url::to('@web/img/splash/iPhone-X.png') ?>">

Но на устройстве Android я не могу этого сделать.Мое действительное требование - отображать логотип только на заставке.На Android он также отображает логотип и название приложения на заставке.

Ниже мой файл manifest.json. Я искал в Google и переполнении стека, и ни один из результатов не помог мне, поэтому я должен опубликовать вопрос о переполнении стека. 

{
"short_name": "MyApp",
"name": "My Progressive App",
"icons": [
    {
        "src": "/img/splash/48x48.png",
        "type": "image/png",
        "sizes": "48x48"
    },
    {
        "src": "/img/splash/96x96.png",
        "type": "image/png",
        "sizes": "96x96"
    },
    {
        "src": "/img/splash/144x144.png",
        "type": "image/png",
        "sizes": "144x144"
    },
    {
        "src": "/img/splash/192x192.png",
        "type": "image/png",
        "sizes": "192x192"
    },
    {
        "src": "/img/splash/256x256.png",
        "type": "image/png",
        "sizes": "256x256"
    },
    {
        "src": "/img/splash/384x384.png",
        "type": "image/png",
        "sizes": "384x384"
    },
    {
        "src": "/img/splash/512x512.png",
        "type": "image/png",
        "sizes": "512x512"
    }
],
"background_color": "#FFFFFF",
"display": "standalone",
"theme_color": "#FFFFFF"
}

Ответы [ 2 ]

0 голосов
/ 29 октября 2018

Чтобы показать значок приложения, когда вы Add to homescreen, просто убедитесь, что в шаблоне указаны следующие ссылки: 

<link rel="icon" sizes="192x192" href="nice-highres.png"> (recommended)
<link rel="icon" sizes="128x128" href="niceicon.png">
<link rel="apple-touch-icon" sizes="128x128" href="niceicon.png">
<link rel="apple-touch-icon-precomposed" sizes="128x128" href="niceicon.png">

Ваш manifest.json выглядит хорошо, просто добавьте туда значок 192x192,так как это рекомендуемый размер иконки.

0 голосов
/ 19 октября 2018

Если ваша проблема заключается в отображении только иконки без названия приложения на Android, это, к сожалению, невозможно, извините.

...