ios 9.3.1 上 phonegap 应用程序中的 iframe答案

【问题标题】：iframe in a phonegap app on ios 9.3.1ios 9.3.1 上 phonegap 应用程序中的 iframe
【发布时间】：2016-04-25 08:58:16
【问题描述】：

我正在尝试在 iOS 9.3.1 上的 phonegap 应用中显示 iframe。出于某种原因（因此这个问题），iframe 出现在 android 上，但没有出现在 ios 上。

设置： 1. 在mac上，我安装了PhoneGap desktop v0.3.1并创建了一个新的应用程序

在 index.html 中我添加了 iframe

<body>
    <iframe src="http://www.w3schools.com"  style="border-style:solid; width:750px; height:500px;"/>
    <div class="app">
        <h1>PhoneGap</h1>
        <div id="deviceready" class="blink">
             <p class="event listening">Connecting to Device</p>
             <p class="event received">Device is Ready</p>
        </div>
    </div>

    <script type="text/javascript" src="cordova.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript">
        app.initialize();
    </script>
</body>

然后在安装了 PhoneGap 应用程序 (https://itunes.apple.com/us/app/phonegap-developer/id843536693?mt=8) 的 iPad 上进行了测试：在 android 上它可以工作，而在 ios 上它不显示（我可以看到边框，但看不到内容）

然后将 config.xml 更改为更宽松

<access origin="*" />
<allow-intent href="*" />
<allow-navigation href="*" />

<plugin name="cordova-plugin-whitelist" version="1"/>
<allow-intent href="*" />
<allow-navigation href="*" />

<platform name="android">
  <allow-intent href="*" />
</platform>
<platform name="ios">
  <allow-intent href="*" />
</platform>

并添加在 index.html 中

再次测试，结果与 3 相同。

【问题讨论】：

标签： ios cordova iframe

【解决方案1】：

从 Resources->ProjectName-Info.plist 打开您的 Info.plist 文件。

添加以下详细信息：应用传输安全设置为字典，并将 Allow Arbitrary Loads 添加为 true。

检查下图：

第二件事，您需要将外部主机添加为字符串，其中项目 0 具有 * 值。查看以下图片：

【讨论】：

嗯，所以问题出在可以从 iTunes 安装的 PhoneGap 开发者应用
为此，需要真正构建一个新应用程序，而不仅仅是使用没有所有必要权限的通用 phonegap 应用程序
阅读您的回复后，我再次尝试在 ipad 上构建和运行应用程序，这一次即使不更改 .plist 文件也能正常工作。仅供参考：这是 cordova 在 .plist 文件中生成的内容：NSAllowsArbitraryLoads
是的，我知道 iOS 在内部生成了什么。您也可以使用 cordova 项目授予权限。