Screen Orientation Test

The tool monitors the modern W3C Screen Orientation API (`screen.orientation.type` and `screen.orientation.angle`) along with window resize and orientation events in real time. When you rotate your phone or tablet, the browser reports the new aspect ratio and rotation degrees instantly.

Portrait mode is when the display height is greater than its width (vertical orientation, typical for reading and mobile feeds). Landscape mode is when the display width is greater than its height (horizontal orientation, ideal for widescreen video and gaming).

0° represents the device's default natural orientation (usually upright portrait on phones, landscape on laptops). 90° indicates the device is turned 90 degrees clockwise (landscape). 180° is upside-down portrait (rarely used on modern phones). 270° represents 90 degrees counter-clockwise (reverse landscape).

Common causes include: 1) System Auto-Rotate Lock is enabled in your device's quick settings / Control Center, 2) The browser is restricted by the operating system, 3) You are using a desktop browser without physical accelerometer/gyroscope sensors, or 4) The device's internal orientation sensors need recalibration.

Yes. While standard desktop monitors lack physical rotation sensors, you can test responsive viewport orientation by resizing your browser window so its width is narrower than its height, which triggers portrait layout modes.

The Screen Orientation Lock API (`screen.orientation.lock()`) allows web applications to programmatically lock the display into a specific orientation. Most mobile browsers only allow orientation locking when the webpage is in Fullscreen mode or running as an installed Progressive Web App (PWA).

Web standards enforce strict security restrictions on screen orientation locking to prevent malicious websites from disorienting users. Browsers reject lock requests unless the user is in full-screen mode or has granted specific web app permissions.

Screen dimensions represent the total physical resolution of the display in CSS pixels. Viewport dimensions represent the usable inner window area available to web content, excluding browser address bars, bottom navigation bars, and tabs.

No. All orientation calculations, angles, rotation events, and tests run 100% locally within your device's browser memory. No orientation or telemetry data is ever sent to any remote server.

DPR is the ratio between physical hardware pixels and logical CSS pixels. High-density screens (such as Apple Retina displays or 1440p mobile OLEDs) typically have a DPR between 2.0 and 3.5, enabling ultra-sharp text and graphics.

The test requires you to physically rotate your device from its starting orientation to the opposite mode and then return back. Only when both portrait and landscape orientation transitions are actually observed will the test award a 'PASS' status.

Yes. Tablets (such as iPads and Galaxy Tabs) and foldable smartphones are fully supported. The tool accurately tracks transitions when folding, unfolding, or rotating between primary and secondary aspect ratios.

Portrait-primary is standard upright portrait mode. Portrait-secondary represents the display turned 180 degrees upside down. Similarly, landscape-primary is standard 90° clockwise landscape, and landscape-secondary is 270° counter-clockwise.

The circular compass dial displays the current orientation angle (0°, 90°, 180°, 270°). The needle smoothly rotates in real time to match your physical device's rotation angle relative to its natural upright position.

Standard screen orientation APIs only detect 2D screen aspect rotation. Detecting if a phone is face-down on a table requires the DeviceOrientation / Gyroscope API (measuring Beta and Gamma tilt angles), which is available on our dedicated Mobile Device Test tool.

The test updates instantly upon receiving the browser's `change` event. Modern mobile operating systems typically apply a small 100–250ms hardware debounce to prevent accidental rotation triggers while walking.

Yes. Entering fullscreen mode removes browser navigation toolbars and system URL bars, providing the maximum possible canvas and enabling orientation lock support on compatible Android browsers.

The W3C Screen Orientation API is supported across Google Chrome, Apple Safari (iOS 16.4+), Mozilla Firefox, Microsoft Edge, and Samsung Internet.

Yes. If your phone's internal accelerometer or gyroscope chip has suffered physical shock, water damage, or calibration drift, the operating system may fail to dispatch rotation events.

Yes. Click the 'Clear History' button in the Orientation History card to reset the list of recorded rotation timestamps and angles.