web api interface
DevicePosture
Limited availability
The DevicePosture interface of the Device Posture API represents the device’s posture, that is, whether the viewport is in a flat or folded state.
Instance properties
Inherits properties from its parent, EventTarget.
typeRead only Experimental- : Returns the device’s current posture.
Events
changeExperimental- : Fires when the device’s posture changes.
Examples
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
SpecificationsStandards references are available on the canonical MDN page.
Browser compatibility
Browser compatibilityCompatibility data is available on the canonical MDN page.
See also
- CSS
device-posture@mediafeature - Device Posture API
- Origin trial for Foldable APIs on developer.chrome.com (2024)