Cordova 正确加载外部页面答案

【问题标题】：Cordova Load External Pages CorrectlyCordova 正确加载外部页面
【发布时间】：2015-09-29 16:43:09
【问题描述】：

我正在使用 Cordova 5.1.1 并为 Android 构建。我已经构建了一个简单的应用程序，在 cordova 项目中编译时效果很好。现在我正在尝试从外部加载页面，以便更好地控制内容。

我添加了 InAppBrowser，页面从我的应用程序中加载。问题是页面元素不像 jQuery Mobile 页面那样加载，而是没有任何格式。

如何在将内容保持在外部的同时按预期加载应用程序？

【问题讨论】：

【解决方案1】：

InAppBrowser 会将您的页面加载到一个单独的浏览器实例中，该实例显示在您的 Cordova 应用程序的 WebView 上，完成后带有一个“完成”按钮以返回到 Cordova WebView。这通常用于跟踪外部内容的链接，例如第三方网站。

如果您想从您可以控制的服务器中提取内容，请使用来自您的 Cordova 应用程序的 Ajax 请求从您的服务器获取您想要的 HTML 片段并将其显示在您的 Cordova 应用程序的 DOM 中的一个 div 中。然后要么在你的 Cordova 应用程序中有一个样式表，它知道你对外部内容的期望，这样你就可以为你加载的新内容提供 CSS 样式，或者拉入你需要的 CSS 文件和append them to your document's head。 JQuery Mobile有更多信息here。

【讨论】：

【解决方案2】：

@肯，
首先，我理解你的问题，但它有误解。

您的建议 - 可以做到。
这违背了系统的架构。
如果你想这样做，你需要一个非常好的理由。

再次，您的问题的答案是是，但您正走向一个充满伤害的世界。

接下来，我建议您阅读更多有关 Cordova/Phonegap 和 SPA（单页应用程序）的信息，您可能会实施这些内容。

此外，通常的方法是将所有资产存储在本地，仅远程加载需要的资产。（例如来自数据库记录）。

最后，如果您还有其他问题，除非它们直接相关，请在新线程上提问。
--祝你好运

【讨论】：