Screen.orientation

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2023년 3월.

Learn more
See full compatibility

Experimental: 이 기능은 실험적인 기능입니다.
프로덕션 환경에서 사용하기 전에 브라우저 호환성 표를 주의 깊게 확인하세요.

Summary

orientation 속성은 화면의 현재 방향을 알려 준다.

참고 : 이 함수는 설치된 웹앱 또는 full-screen mode 의 웹페이지에서 동작한다.

Syntax

var orientation = window.screen.orientation;

Return value

리턴값은 화면의 방향을 표현하는 문자열이다. portrait-primary, portrait-secondary, landscape-primary, landscape-secondary 가 될 수 있다. (각 값들에 대해 좀 더 많은 정보를 구하려면 lockOrientation 를 보라.).

Example

var orientation = screen.mozOrientation;
if (orientation === "landscape-primary") {
 console.log("That looks good.");
} else if (orientation === "landscape-secondary") {
 console.log("Mmmh... the screen is upside down!");
} else if (
 orientation === "portrait-secondary" ||
 orientation === "portrait-secondary"
) {
 console.log("Mmmh... you should rotate your device");
}