如何在Ionic 3的IOS设备上打开具有不同来源的IFrame中的IFrame

Question

我正在使用Iframe向Ionic 3应用程序添加Authorize.Net接受付款页面，该Iframe必须包含在托管（非本地）页面上。 如何在IOS设备上使用不同来源的iframe中打开iframe？

离子应用程序的页面在本地托管，其来源=“ file：//”

要允许使用必须与Iframe托管在同一域中的IFrameCommunicator.html，我们必须添加其他iframe层

iframe的图层及其来源：

• 内部iframe包含“接受”页面iframe，Origin =“ https // ourServer”
• 外部Iframe必不可少，以便IframeCommunicator可以引用先前提到的Iframe（该部分没有问题）。 Origin =“ https // ourServer”
• 离子应用程序的最iframe部分，因此托管在Origin =“ file：//”

到目前为止，一切都可以在Chrome和Safari（带有“离子服务”）和Android设备上正常运行。

问题是它不能在IOS设备（或模拟器）上运行。

最初，它没有加载最外层iframe，因此我们添加了

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

到here

中建议的config.xml

然后，它加载了两个外部iframe，但未加载“接受付款”页面 （或仅当我们尝试直接在最外层iframe中打开“接受付款页”时） 换句话说，它仅适用于一个来源。