javascript - Cordova/Phonegap 在主 Cordova webview 中加载外部站点

Question

我想要什么

我有外部网络资源，我希望 cordova webview 能够简单打开并能够通过其内部导航进行导航。

描述

InAppBrowser 文档说

The InAppBrowser window behaves like a standard web browser, and can't access Cordova APIs. For this reason, the InAppBrowser is recommended if you need to load third-party (untrusted) content, instead of loading that into the main Cordova webview

所以我有一个可信的外部链接(比方说 http://www.google.com 我想在主 webview 中加载并想通过 window.location.href 或用户链接点击来控制它的进程。

我尝试了什么

使用最新的 cordova 生成 hello world 应用程序并插入

window.location.href = 'http://www.google.com/'

到它的onDeviceReady。它的配置已经有了(我试图将其更改为具体地址)

<access origin="*" />

我还尝试了 window.open 和手动用户链接点击，但我所得到的只是在外部浏览器中打开链接的对话框，而不是在同一个 webview 中呈现它。我还尝试了 InAppBrowser 扩展，当我禁用导航栏时它工作正常，但它有通信问题并且不适用于手动链接舔和 window.location.href 更改。

Answer 1

在 ios 和 android 上使用以下规则解决了这个问题:

<access origin="*" />
<allow-navigation href="*" />
<allow-navigation href="http://*/*" />
<allow-navigation href="https://*/*" />
<allow-navigation href="tel:*" />
<allow-navigation href="sms:*" />
<allow-navigation href="mailto:*" />
<allow-navigation href="geo:*" />

如果您遇到同样的问题，您还需要了解以下内容:

• 当文档关于当前版本并不总是正确时，多个 cordova 版本具有不同的规则结构和行为。在我的研究中，我发现这篇文章非常有用 https://github.com/jessemonroy650/top-phonegap-mistakes/blob/master/whitelist-matrix.md
• 我的主要问题是“不知道”允许 Intent 覆盖允许导航。确保您了解它的工作原理