DevicePosture

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

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.

EventTargetDevicePosture

Instance properties

Inherits properties from its parent, EventTarget.

type Read only

Returns the device's current posture.

Events

change

Fires when the device's posture changes.

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

See also