Secure context
This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
The PaymentDetailsBase
dictionary is a mixin used by the PaymentDetailsInit
and PaymentDetailsUpdate
dictionaries. It is never directly used by developers and is included here only to be used as the basis for those documents.
Properties
displayItems
Optional- An array of
PaymentItem
objects, each describing one line item for the payment request. These represent the line items on a receipt or invoice. modifiers
Optional- An array of
PaymentDetailsModifier
objects, each describing a modifier for particular payment method identifiers. For example, you can use one to adjust the total payment amount based on the selected payment method ("5% cash discount!"). shippingOptions
Optional- An array of
PaymentShippingOption
objects, each describing one available shipping option from which the user may choose.
Derived dictionaries
The following dictionaries include PaymentDetailsBase
.
PaymentDetailsInit
- Provides payment information when calling the
PaymentRequest()
constructor. PaymentDetailsUpdate
- Provides updated payment details while the payment user interface is being handled. This can be delivered to the payment interface using either
PaymentDetailsUpdateEvent.updateWith()
or by returning it from the optionaldetailsUpdate
promise provided to thePaymentRequest.show()
call that begins the user interaction.
Specifications
Specification | Status | Comment |
---|---|---|
Payment Request API The definition of 'PaymentDetailsBase' in that specification. |
Candidate Recommendation | Initial definition. |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
PaymentDetailsBase | Chrome Full support 61 | Edge Full support ≤18 | Firefox
Full support
55
| IE No support No | Opera No support No | Safari ? | WebView Android No support No | Chrome Android Full support 53 | Firefox Android
Full support
55
| Opera Android No support No | Safari iOS ? | Samsung Internet Android Full support 6.0 |
displayItems | Chrome Full support 61 | Edge Full support ≤18 | Firefox
Full support
55
| IE No support No | Opera No support No | Safari ? | WebView Android No support No | Chrome Android Full support 60 | Firefox Android
Full support
55
| Opera Android No support No | Safari iOS ? | Samsung Internet Android Full support 8.0 |
modifiers | Chrome Full support 61 | Edge Full support ≤18 | Firefox
Full support
55
| IE No support No | Opera No support No | Safari ? | WebView Android No support No | Chrome Android Full support 60 | Firefox Android
Full support
55
| Opera Android No support No | Safari iOS ? | Samsung Internet Android Full support 8.0 |
shippingOptions | Chrome Full support 61 | Edge Full support ≤18 | Firefox
Full support
55
| IE No support No | Opera No support No | Safari ? | WebView Android No support No | Chrome Android Full support 60 | Firefox Android
Full support
55
| Opera Android No support No | Safari iOS ? | Samsung Internet Android Full support 8.0 |
Legend
- Full support
- Full support
- No support
- No support
- Compatibility unknown
- Compatibility unknown
- See implementation notes.
- See implementation notes.
- User must explicitly enable this feature.
- User must explicitly enable this feature.