PaymentManager
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
The PaymentManager interface of the Web-based Payment Handler API is used to manage various aspects of payment app functionality.
It is accessed via the ServiceWorkerRegistration.paymentManager property.
Instance properties
userHint-
Provides a hint for the browser to display along with the payment app's name and icon in the Web-based Payment Handler UI.
Instance methods
enableDelegations()-
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).
Examples
navigator.serviceWorker.register("serviceworker.js").then((registration) => {
registration.paymentManager.userHint = "Card number should be 16 digits";
registration.paymentManager
.enableDelegations(["shippingAddress", "payerName"])
.then(() => {
// …
});
// …
});
Specifications
| Specification |
|---|
| Web-based Payment Handler API # paymentmanager-interface |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
PaymentManager
|
|
|
|
|
|
|
|
|
|
|
|
|
enableDelegations
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Secure context required
|
|
|
|
|
|
|
|
|
|
|
|
|
userHint
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
- Experimental. Expect behavior to change in the future.
- See implementation notes.