stripe-payments - 将 Stripe Payment Request 按钮显示为 Google Pay 按钮

Question

是否可以将 Stripe Payment Request 按钮显示为 Google Pay 按钮？目前，它在 iOS 设备上显示为 Apple Pay 按钮。但是当我从 Chrome 打开它时，它看起来像这样:

Answer 1

我相信这是在 stipes 部分故意的 - 显示一个按钮说“google pay”不会严格正确，因为 chrome 允许您使用浏览器中存储的不是 google pay 的卡付款。
这里有更详细的讨论:https://github.com/stripe/stripe-payments-demo/issues/9
但是，如果你不在乎它是否绝对正确，你可以添加任何你想要的按钮:https://stripe.com/docs/stripe-js/elements/payment-request-button#html-js-own-button :

Using your own button

If you wish to design your own button instead of using the paymentRequestButton > Element, you may show your custom button based on the result ofpaymentRequest.canMakePayment(). Then, use paymentRequest.show() to display the > browser interface when your button is clicked.

因此，应该可以以您想要的任何样式创建您自己的 google pay 按钮(通过为 chrome 单独设置样式，我不知道该怎么做，也许您可​​以在这里找到帮助: How to apply specific CSS rules to Chrome only? )。付款请求 API 当前不支持确定哪些付款选项可用，因此这是您必须解决的问题。
更新
自 2021 年 4 月起，Stripe 现在默认显示谷歌支付按钮:

Google Pay UI update: We now show a branded “Google Pay” button instead of the generic “Pay now” button when Google Pay is an option