You can test Payment Request API demos
here.
Chrome and Edge already support it
Browsers that support the Payment Request API include Google Chrome, who first added support for it in Chrome for Android 53 in August 2016, and added desktop support last month, with the release of Chrome 61.
Microsoft Edge also supports the Payment Request API since September 2016, but the feature requires that users register a Microsoft Wallet account before using it.
Firefox and Safari are still working on supporting the API, and so are browser implementations from Facebook and Samsung, both eager to provide a simpler payment mechanism than the one in use today.
Under the hood, the Payment Request API works by providing a vendor-agnostic system for handling financial transactions.
When a user places an order, the website makes an API call to the user's browser, forwarding details about the order. The browser then takes over, prompting the user with a popup, asking for card details (if none exist) and a delivery/shipping address that is also stored in the browser's autofill section.
With these details selected, the browser — and not the website — contacts the user's payment handler, which can be Visa, Mastercard, or any of the other major credit card providers.
Once the payment has gone through, the browser sends back a response to the website, which records the transaction and moves forward with shipping the product, knowing that money is already in its bank account.
