条纹（Stripe）：HTML结账 iOS Cordova无法打开

Question

我制作了一个应用程序，使用了Stripe的结帐HTML表单元素。它在Android（cordova）和浏览器上似乎运行良好。

在iOS cordova上，弹出窗口的暗淡效果会持续5秒钟，然后回到正常状态（没有打开弹出窗口），在Safari上，结帐表单会在不同的标签页中打开，而不是作为弹出窗口。

即使基本表单也无法工作，而表单是自定义的。

请帮忙！

- user121032

---

你的控制台有任何错误吗？ - Hassan ALi

弹出窗口在单独的选项卡中出现是预期行为；因为移动设备对弹出窗口的阻挡比桌面浏览器更加严格。如果您试图让它在同一页上显示，那可能就是它无法正常工作的原因。让它在一个选项卡中打开，这样它应该会按照您的期望行为运作。 - andrewnelder

在这里遇到了同样的问题，在 Cordova ios 3.9.2 中作为弹出窗口可以工作。似乎在 4.0.0 中已经失效了。 - Amrit Kahlon

除了条纹结账外，您能否打开任何简单的弹出窗口？ - bhantol

我在cordova iOS 4.0下运行Telerik混合应用程序时遇到了同样的问题。我切换回3.8，现在它又可以工作了。 - Corgalore

Answer 1

我在iOS上遇到了相同的问题。 需要在config.xml文件中添加两行代码。

<access origin="*" /> <allow-navigation href="https://*.stripe.com/*" />

http://checkcoding.com/q/32610/javascript-ios-cordova-stripe-payments-using-stripe-checkout-with-cordova-ios-4-0-0

- Debmalya

Answer 2

我遇到了同样的错误，我通过在“mobile-config.js”文件中添加这行代码来解决它：

  App.accessRule('https://*.stripe.com/*', { type: 'navigation' });

- colomer7

Answer 3

我必须在config.xml中添加这两个：

    <allow-navigation href="https://*.stripe.com/*" />
    <allow-navigation href="https://*.stripe.network/*" />

- Daniel Birowsky Popeski