如何在 Android Hybrid App 上加载远程网页（简单的方法）？答案

【问题标题】：How to load remote webpage on Android Hybrid App(the easy way)?如何在 Android Hybrid App 上加载远程网页（简单的方法）？
【发布时间】：2016-09-16 19:50:53
【问题描述】：

我决定学习如何在 Windows 上创建 Android APK 以供个人/学习使用（不适用于 Android Play）。

我的设计计划是在 android 应用程序上加载一个远程 HTML 页面并允许用户单击几个链接，然后应用程序向 API 发出发布请求以获取视频的 m3u8 并播放它！我已经创建了 HTML 网络页面并具有 API 访问权限。

那么你们能否给我指出一个初学者教程/示例以及我需要哪些软件和工具以及哪个最容易开始（以实现我的设计目标）？（我安装了 PhoneGap，但不确定这是否是我需要的唯一工具以及是否是最简单的路径。所以我等待您的建议）。

此外，安装 java JDK 是否会给我的 PC 带来任何安全问题？（因为在过去的几年里我听到了很多关于 Java 的坏消息。）

【问题讨论】：

标签： javascript android hybrid-mobile-app phonegap-desktop-app

【解决方案1】：

如果您要使用 Phonegap，我建议您先阅读 phonegap 文档，以便设置基本的 phonegap 项目 (phonegap)。我建议在 phonegap 中实现站点功能，而不是仅仅加载外部站点；通过这种方式，您可以访问比 Web 浏览器更多的电话控件。但是如果确实需要加载外部站点，基本上，电话间隙会加载一个空白页面，该页面将使用cordova inappbrowser插件加载您的外部站点，这是该项目的github页面（inappbrowser）。

【讨论】：

感谢您的建议。您能否通过在 phonegap 中实现站点功能来解释一下您的意思？您的意思是将远程网站作为本地资产放入 Android Hybrid App 中？此外，我如何在 phonegap 中向远程 api 发出发布请求？您的意思是加载我的远程通过 phonegap 在空白页面中使用 iframe 的网站？
是的，我的意思是按照他们在 phonegap 上的建议实施网站，而不仅仅是从应用程序中打开一个新 url（检查 phonegap 链接文档），如果您需要在此之后连接到另一个服务您需要包含一种与 API 进行通信的方式，一种方法是使用 AJAX 请求来返回您需要的数据。如果您仍然只想要外部站点上的所有功能，只需添加一个链接，如我发布的 inappbrowser 链接中所述。
我可以知道如何在 phoneGap 中创建的示例项目上安装 cordova-plugin-inappbrowser 以及在哪里粘贴加载远程页面代码？（我通过您上面提供的 phonegap 链接创建了示例项目）。
inappbrowser 上有一个安装部分，但基本上运行：cordova plugin add cordova-plugin-inappbrowser on your phonegap 项目的根目录。要在 index.js 上使用，请在 onDeviceReady() 函数内运行： var ref = cordova.InAppBrowser.open("the site url", "_blank", {});您可以在 {} 对象内的“cordova.InAppBrowser.open”部分下的 inappbrowser 链接中设置所有选项，例如 { location: "no", zoom:"no" }