Skip to main content

Is Your Screen Orientation Working Correctly?

Monitor your device's screen orientation in real time. Detect portrait, landscape, and reverse modes, and verify that rotation changes are recognized instantly — all processed locally in your browser.

This test uses the Screen Orientation API and the window.orientation property to report the current orientation type (portrait-primary, landscape-primary, portrait-secondary, landscape-secondary) and angle in degrees, updating in real time as you rotate your device.

The Screen Orientation API reports four distinct states: portrait-primary (0°), landscape-primary (90°), portrait-secondary (180°), and landscape-secondary (270°), each corresponding to a physical device rotation.

Landscape
Typeunknown
Angle
Changes0

What Do Your Results Mean?

Result Range Meaning
Good Orientation updates instantly when device is rotated Your device's accelerometer and screen orientation system are working correctly. Orientation changes are detected and reported promptly.
Warning Orientation changes are slow or require exaggerated rotation The orientation sensor may be sluggish or your device's rotation sensitivity threshold may be set high. Check if any accessibility settings are affecting rotation behavior.
Poor Orientation does not change or is locked Screen rotation lock may be enabled on your device. Check the control center (iOS) or quick settings (Android) for the rotation lock toggle. If unlocked but still not working, the accelerometer sensor may be faulty.

Common Issues & Solutions

Screen does not rotate when device is turned

Check that rotation lock is disabled. On iOS, open Control Center and ensure the rotation lock icon is off. On Android, pull down Quick Settings and verify auto-rotate is enabled. Some apps also force a specific orientation.

Orientation changes but the reported angle seems wrong

Different devices define 0° differently based on their natural orientation. Phones typically use portrait as 0°, while tablets may use landscape as 0°. This is normal behavior per the device manufacturer's default.

Related Tools

Frequently Asked Questions

What is the Screen Orientation API?

The Screen Orientation API is a web standard that provides the current orientation type and angle of the device's screen. It fires a change event whenever the orientation updates, allowing web apps to respond to device rotation in real time.

Why does my tablet show landscape as 0° instead of portrait?

The natural orientation (0°) depends on the device manufacturer. Most phones define portrait as the natural orientation, but many tablets use landscape as their primary orientation. The API reports angles relative to the device's natural orientation.

Can websites lock the screen orientation?

Yes. Web apps running in fullscreen mode can use screen.orientation.lock() to force a specific orientation. This is commonly used by games and video players. However, this only works when the page is in fullscreen — regular browsing cannot override the device's rotation setting.

Is any data sent to a server?

No. Screen orientation data is read entirely locally through the Screen Orientation API. No information about your device orientation is transmitted to any server.