PWA работает в полноэкранном режиме в Chrome Android не поддерживает режим дисплея: автономный - PullRequest
0 голосов
/ 12 февраля 2019

Ни один из методов, используемых для определения режима standalone в Chrome Android , не работает в моем PWA

Это метод CSS, который я пробовал

@media all and (display-mode: standalone) {
    /* Here goes the CSS rules that will only apply if app is running standalone */
}

И это метод Javascript (строка 171-175, 297-306)

function isRunningStandalone() {
    return (window.matchMedia('(display-mode: standalone)').matches);
}
...
if (isRunningStandalone()) {
    /* This code will be executed if app is running standalone */
}

Ни один из них не сработал: удаленное тестирование isRunningStandalone() в Chrome Android возвращает false, хотя пример работает.

(пример сделан @josemmo здесь )

Я тестировал код в iOS и 3 разных телефонах Android.iOS работает отлично.

1 Ответ

0 голосов
/ 12 февраля 2019

Я нашел решение проблемы: manifest.json должен иметь "display": "standalone"

"display": "fullscreen" не будет работать.Я не мог проверить это либо.

...