Как потребовать полноэкранный режим в приложении jQTouch?

Question

Я использую jQTouch для разработки версии сайта, оптимизированной для сафари на iphone. Демонстрация jQTouch показывает, как показать сообщение «установить это» для пользователей, не использующих полноэкранный режим, и скрыть его для тех, кто работает. В полноэкранном режиме тело должно иметь класс «полноэкранный». Таким образом, вы можете скрыть сообщение «установить это» для людей, которые уже добавили ваше приложение на свою домашнюю страницу, добавив это правило css в таблицу стилей:

body.fullscreen #home .info {
    display: none;
}

Я бы хотел потребовать от пользователей использовать приложение только в полноэкранном режиме. При просмотре из обычного браузера они должны видеть только сообщение с просьбой установить приложение. Это сообщение, конечно, должно быть скрыто в противном случае.

Это должно быть очень, очень легко, поэтому я просто упускаю что-то очевидное.

Я подумал, что один из способов сделать это - просто проверить класс «fullscreen» на теле: если его нет, используйте goTo, чтобы перейти к другому div, или спрятать другие div, или что-то в этом роде.

Странно, однако, это не работает. В качестве теста у меня все еще есть оригинальное сообщение "info", как в демонстрационной версии jQTouch, и оно не отображается при запуске в полноэкранном режиме. Поэтому тело должно иметь полноэкранный класс. И все же я не могу найти никаких других следов этого: когда я помещаю это предупреждение, чтобы проверить вещи после загрузки документа, я ничего не получаю при запуске в полноэкранном режиме:

alert($("body").attr("class"));

Я также подумал, что могу проверить полноэкранный режим, проверив значение логического значения fullScreen. Но, похоже, это тоже не работает. Что мне не хватает? Каков наилучший способ сделать это?

Answer 1

Ну, я не мог понять, почему не работает стандартный способ, но кто-то из группы Google jQTouch предложил это, что работает:

    if (window.navigator.standalone) {
   alert ('Thanks for launching this app your home screen')
} else {

   alert('Add this app to your home screen for the best experience')

}