javascript screen 객체

javascript screen 객체

■ 자바스크립트의 객체 중에서 screen은 사용자의 모니터 화면과 관련된 정보를 가져올 수 있는데요. screen은 브라우저가 작동하는 공간으로서 브라우저와는 완전히 별개이기 때문에 메서드를 사용해서 제어할 수는 없습니다. 그래서 단지 화면의 정보만 읽어올 수 있는 속성만 있는데요. 그것들을 정리해보고, 이용해서 모니터 화면의 정보를 출력해보겠습니다.

 

 

 screen 객체의 속성을 이용해서 불러올 수 있는 화면의 정보는 다음과 같습니다.

width : 화면의 너비

height : 화면의 높이

availHeight : 사용 가능한 높이

availWidth : 사용 가능한 너비

pixelDeph : 픽셀당 색상의 bit

colorDepth : 색상 표현에 사용하는 bit

■ 대충 어떤 정보인지 아시겠죠? 이 screen 객체의 속성들을 이용해서 제가 사용 중인 노트북의 화면 정보를 출력하는 내용의 예제를 만들어보겠습니다. 참고로 제 노트북의 해상도는 [1920x1040] 입니다.

▲ 각 속성값들을 출력하도록 해봤습니다.

▲ 제 노트북 화면의 넓이와 높이 등의 정보를 읽어오고 있습니다. 

 JavaScript의 DOM을 정리하다가 screen 객체는 별 내용이 없어서 넘어갈까 했는데, 이렇게 글 작성하면서 머릿속에 넣기 위해서 정리해봤습니다. 메서드가 없으니까 내용이 많지가 않네요. ^^ screen 객체는 이렇게 속성만 알고 넘어가면 될 거 같아요. 수고하셨습니다.