Как запустить внешний веб-сайт в JQuery Mobile, не выходя из приложения?

Question

Я работаю над приложением PhoneGap + JQM, которое позволяет оператору просматривать наш веб-сайт. Если мы сделаем обычный target = "_ blank", он запустит Safari, но не предоставит простой способ вернуться в приложение.

Кто-нибудь нашел хороший способ запустить внешний сайт в JQM в диалоге или с закрываемым заголовком? До сих пор я вставлял iframe в диалог, и это работает как-то, но это выглядит немного глупо.

Answer 1

Использование заголовка с кнопкой возврата и iframe с внешним сайтом прекрасно работает для меня. У вас также может быть кнопка в заголовке под названием «Выход» или что-то подобное, что приведет вас на другую страницу JQM.

<div data-role="page" id="pageExternalSite" data-add-back-btn="true">
    <div data-role="header">
        <h1>example.com</h1>
    </div>
    <div data-role="content">
        <iframe src="http://example.com/"></iframe>
    </div>
</div>

Answer 2

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

Answer 3

попробуйте .. https://github.com/phonegap/phonegap-plugins/tree/master/iPhone/ChildBrowser

отлично работает для загрузки внешней ссылки, внутри приложения