Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The PaymentManager interface of the Payment Handler API is used to manage various aspects of payment app functionality.
It is accessed via the ServiceWorkerRegistration.paymentManager property.
userHint Experimental
Provides a hint for the browser to display along with the payment app's name and icon in the Payment Handler UI.
enableDelegations() Experimental Non-standard
Delegates responsibility for providing various parts of the required payment information to the payment app rather than collecting it from the browser (for example, via autofill).
js
navigator.serviceWorker.register("serviceworker.js").then((registration) => { registration.paymentManager.userHint = "Card number should be 16 digits"; registration.paymentManager .enableDelegations(["shippingAddress", "payerName"]) .then(() => { // ... }); // ... });
| Specification |
|---|
| Payment Handler API # paymentmanager-interface |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
PaymentManager |
70 | 79 | No | No | 57 | No | No | 70 | No | 49 | No | 10.0 |
enableDelegations |
80 | 80 | No | No | 67 | No | No | 80 | No | 57 | No | 13.0 |
instruments |
70–111 | 79–111 | No | No | 57–97 | No | No | 70–111 | No | 49 | No | 10.0–22.0 |
userHint |
70 | 79 | No | No | 57 | No | No | 70 | No | 49 | No | 10.0 |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/PaymentManager