JavaScript 팁: 브라우저 창 위치를 결정하는 방법

Question

여러 가지 어리석은 이유로 제목 표시줄을 포함하여 화면에서 브라우저 창의 직사각형 영역을 감지할 수 있기를 원합니다.

이것이 가능합니까, 아니면 JavaScript가 해당 페이지의 뷰포트로만 제한됩니까?

편집: 명확하게 표현하지 못했을 수도 있지만 뷰포트는 창에 표시되는 페이지의 일부입니다. 이는 브라우저에서 일반적으로 사용되는 용어는 아니지만 그래픽에서는 일반적입니다.

Answer 1

아래 속성을 확인하세요:

• window.screen.height: 화면 높이를 픽셀 단위로 반환합니다.
• window.screen.top: 현재 화면 상단 가장자리의 픽셀 수를 반환합니다.
• window.screen.width: 화면 너비를 반환합니다.
• window.screen.left: 메인 화면의 왼쪽 가장자리부터 현재 화면의 왼쪽 가장자리까지의 픽셀 수를 반환합니다.

(이러한 속성은 창의 크기나 위치를 제공하지 않지만, 다중 모니터가 있는 시스템을 운영할 때 올바르게 해석될 수 있습니다.)

Answer 2

표준 준수 브라우저의 경우:

X - window.screenX
Y - window.screenY

IE의 경우:

X - window.screenLeft
Y - window.screenTop

구현은 다를 수 있습니다. 다중 모니터 설정에 주의하세요...