我已经使用pwa builder创建了一个iOS应用。除了信用卡表单上的Stripe UI,其他所有东西都可以完美运行。在应用程序上,它显示空白的输入字段,但是在Chrome,Safari等中查看时,它显示正确的占位符(即卡号MM / YYY)。
我尝试将manifest.json显示选项从独立更改为全屏(如建议的https://github.com/paypal/paypal-checkout-components/issues/699),但是没有运气。
我还修改了stripe-charge.js脚本的src链接,以防在PWA shell中出现问题时没有问题。
在浏览器上查看时不会出现js错误,因此假设它与iOS将网站拉入应用框架的行为有关。
<div id='card-element'>
<!-- a Stripe Element will be inserted here. -->
</div>
<!-- Used to display form errors -->
<div id='card-errors'></div>
</div>
<input type='hidden' name='stripeEmail' value='<? echo $user_email; ?>' />
<button name='payment-form' class='cta_std__v4 _std__black'>Complete</button>
</form>
<script src='https://js.stripe.com/v3/'></script>
<script src='/public/_asset/_js/stripe-charge.js'></script>