Stripe js UI未显示在IOS PWA上

时间:2019-04-16 00:13:54

标签: php stripe-payments progressive-web-apps

我已经使用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>

0 个答案:

没有答案