모니터 화면크기 손쉽게 확인하는 방법

모니터 화면 크기 확인하기

프로그래밍을 하던 다른 응용프로그램을 사용하던 가끔 내 모니터 화면크기가 알아야 할 때가 있습니다. 모니터 크기로 흔히 얘기하는 20인치이네 24인치이네 하는 것을 말하는 것이 아닙니다. 모니터에 보이는 화면이 몇 픽셀(Pixel)인지 알아보려고 하는 것입니다.(모니터 인치 재는 법은 이 링크 글을 읽어보세요)

화면 인치는 줄자로 재면 되는데 모니터 화면이 몇 픽셀인지는 어떻게 확인할 수 있을까요? 모니터 사양을 확인하려 모니터 샀을 때 박스에서 제품 설명서를 뒤질 필요가 없습니다. 간단한 자바스크립트 코드로 누구나 쉽게 확인할 수 있습니다.

 

지금 이 화면을 보면서도 해볼 수 있으니 한번 따라해 보세요.(크롬 브라우저면 더 좋습니다.)

1. 크롬이나 IE 브라우저에서 F12를 눌러 개발자도구로 들어갑니다. 개발자 도구가 열리면 상단에 Elements, Console, Sources, Network, Performance 등 여러 메뉴가 있는데요. 일단 Console을 클릭해 봅니다.

개발자도구 Console

2. 콘솔화면이 열리면 >표시와 함께 커서가 깜박이고 있는데요. 명령어를 기다리고 있는 것입니다. 여기에는 자바스크립트 코드가 작동합니다. 자바스크립트 코드 중 화면 너비를 측정하는 명령어가 있는데 다음과 같이 입력하고 엔터를 칩니다.

screen.width

그럼 바로 밑에 모니터 화면크기가 숫자로 표시됩니다.

모니터 가로 크기 측정

제 모니터는 가로가 1920px(픽셀)임을 알려줍니다.

3. 세로도 잴 수 있습니다. 대충 유추할 수 있겠죠? 아래와 같이 코드를 입력합니다.

screen.height

모니터 세로 크기 측정

모니터 사용설명서나 제품 사양서를 읽어보지 않고서도 아주 쉽게 우리는 모니터의 가로, 세로 크기를 확인할 수 있게 되었습니다.