如何在不离开应用程序的情况下在JQuery Mobile中启动外部网站？

Question

我正在开发一个PhoneGap + JQM应用程序，允许操作员查看我们的网站。如果我们执行正常目标=“_ blank”，它会启动Safari但不提供返回应用程序的简单方法。

有没有人想出一个在JQM中通过对话框或可关闭标题启动外部网站的好方法？到目前为止，我已经在一个对话框中填充了一个iframe，它很有用，但感觉有些糟糕。

Answer 1

使用dialogs。它充当弹出窗口，您可以在其中添加所需的任何内容。用户可以关闭弹出窗口并返回到您的应用程序。除非外部网站是专为移动设备设计的，否则感觉不会很好。

Answer 2

使用带有后退按钮的标题和带有外部网站的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 3

尝试一下.. https://github.com/phonegap/phonegap-plugins/tree/master/iPhone/ChildBrowser

适用于在应用内加载外部链接