DevicePosture: type property
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.
The type
read-only property of the DevicePosture
interface returns the device's current posture.
Value
A string representing the device's current posture. The value can be one of:
continuous
-
Indicates a flat screen posture — this can include a foldable device while it is being used flat, a seamless curved display, or a standard desktop, laptop, tablet or mobile screen.
folded
-
Indicates a folded screen posture — this can include a foldable device being used in a book or laptop posture.
Examples
js
const postureOutput = document.getElementById("currentPosture");
function reportPostureOutput() {
// type property returns "continuous" or "folded"
postureOutput.textContent = `Device posture: ${navigator.devicePosture.type}`;
}
navigator.devicePosture.addEventListener("change", reportPostureOutput);
Specifications
Specification |
---|
Device Posture API # dom-deviceposture-type |
Browser compatibility
BCD tables only load in the browser
See also
- CSS
device-posture
@media
feature - Device Posture API
- Origin trial for Foldable APIs on developer.chrome.com (2024)