"Добавить на главный экран" для Chrome iOS

Question

Add to Homescreen прекрасно работает в Safari для iOS и Chrome для Android.

Видел этот ответ во время поиска, прежде чем отправлять вопрос. Мне было интересно, если кто-нибудь знает, было ли какое-либо обновление к этому?

Если это не так просто, как добавить другой метатег, может ли кто-нибудь указать мне направление к принудительному или полному удалению панелей Url и Nav в Chrome?

Конечно, я бы предпочел сохранить веб-приложение на домашнем экране, но я открыт для предложений.

Заранее спасибо!

Answer 1

Угадай, что? Вы можете сделать это сейчас!

Вот что я использую для предоставления различных инструкций в зависимости от браузера:

          const is_iOS = (/iPad|iPhone|iPod/.test(navigator.platform)) ? true :
        (navigator.maxTouchPoints &&
            navigator.maxTouchPoints > 2 &&
            /MacIntel/.test(navigator.platform)) ? true : // this is an new iPad Pro
            false

    // from the web; best thing I could find; will probably fail sometimes, but
    // as of 11/22/21 it is true for Safari and false for Chrome/Firefox/Opera
    //
    const is_Safari = /Version.+Safari/.test(navigator.userAgent)

    const is_Chrome_on_iOS = (/CriOS/i.test(navigator.userAgent) && is_iOS)

    if (is_iOS) {  // display instructions on how to add to home screen for iOS users

        const iOS_install_info = (is_Safari) ?

`Нажмите на квадрат со стрелкой вверх (значок «Поделиться») в нижней части экрана. Проведите пальцем вверх, пока не увидите «Добавить на главный экран» в нижней части списка. Сначала вам нужно закрыть это окно с предупреждением.

[Если вы не видите кнопку «Добавить на главный экран», прокрутите страницу вниз и нажмите «Изменить действия», затем нажмите «Добавить» рядом с действием «Добавить на главный экран». Теперь вы сможете выбрать его, как описано.]

Apple заставляет вас делать это вручную, чтобы защитить прибыль своего App Store!»

      : is_Chrome_on_iOS ?

`Нажмите на квадрат со стрелкой вверх (значок «Поделиться») в правом верхнем углу экрана. Проведите пальцем вверх, пока не увидите «Добавить на главный экран» примерно пять элементов из нижней части списка.
Сначала вам нужно закрыть это окно с предупреждением, вы поняли?

Apple заставляет вас делать это вручную, чтобы защитить прибыль своего App Store!»

      : // other browsers...

Congratulations on being in the 0.5%! ...of iOS folks who use a browser other than Safari or Chrome. I think many of you will be able to find an 'Add to Home Screen' button if you poke around a bit. It's usually under the browser's Share menu, which often has an icon of a box with an arrow pointing up out of it. Good luck.

                  setTimeout(() => {
                alert(iOS_install_info)
        }, 500)
    }

Кто-нибудь знает, могут ли другие браузеры сделать это сейчас?

РЕДАКТИРОВАТЬ: Я только что протестировал Firefox, и он тоже работает. Требуется еще одно нажатие.

Кто-нибудь знает, могу ли я поместить многострочные строковые литералы в мой пример кода без обратных кавычек, возвращающих нас к основному телу сообщения?