JS Window Screen

window.screen 객체는 사용자 화면에 대한 정보를 포함하고 있습니다.

화면 객체

window.screen객체는 화면 해상도(화면의 너비와 높이), 색 깊이, 픽셀 깊이 등을 표시할 수 있습니다.

window.screen프리픽스가 없는 단축 표기법으로 사용할 수 있습니다.

screen객체는 다음과 같은 속성을 가집니다:

• screen.width

• screen.height

• screen.availWidth

• screen.availHeight

• screen.colorDepth

• screen.pixelDepth

다음 장에서는 창 객체의 screen 객체 속성을 사용하여 사용자 화면 정보를 얻는 방법을 보여드립니다.

화면 너비

screen.width속성은 방문자 화면의 총 너비(픽셀 단위로)를 반환합니다.

var x = screen.width;

화면 높이

screen.height속성은 방문자 화면의 총 높이(픽셀 단위로)를 반환합니다.

var x = screen.height;

화면 사용 가능 너비

screen.availWidth속성은 애플리케이션 창의 화면 영역의 너비(픽셀 단위로)를 반환합니다.

애플리케이션 창의 영역은 탐색 표시줄을 제외한 전체 화면입니다.

var x = screen.availWidth;

화면 사용 가능 높이

screen.availHeight속성은 애플리케이션 창의 화면 영역의 높이(픽셀 단위로)를 반환합니다.

애플리케이션 창의 영역은 탐색 표시줄을 제외한 전체 화면입니다.

var x = screen.availHeight;

창 화면 색 깊이

screen.colorDepth속성은 사용자 화면의 색 깊이를 반환합니다.

색 깊이는 단일 픽셀의 색상을 나타내는 비트 수입니다.

颜色深度表示设备屏幕能够产生多少颜色。

색상 깊이는 장치 스크린이 생성할 수 있는 색상 수를 나타냅니다.8예를 들어, 색상 깊이가256의 색상을 생성할 수 있는 스크린을 가지고 있습니다2 ⁸）。

var　x　=　screen.colorDepth;

현재 대부분의 장치의 스크린은24또는32의 색상 깊이. 간단히 말해서, 더 많은 비트는 더 많은 색상 변화를 생성합니다. 예를 들어24비트가 생성할 수 있습니다2 ²⁴ = 16,777,216색 변화（실제 색상），그리고32비트가 생성할 수 있습니다2 ³² = 4,294,967,296색 변화（다크）。

창 스크린 픽셀 깊이

screen.pixelDepth속성은 스크린의 비트 깊이를 반환합니다.

픽셀 깊이는 시스템 디스플레이 하드웨어가 각 픽셀에 사용하는 비트 수입니다.

현대 장치에서는 색상 깊이와 픽셀 깊이가 같습니다.

var　x　=　screen.pixelDepth;

더 많은 예제

이 예제는 모든 스크린 속성을 표시합니다：

var　txt　=　"";
txt　+=　"<p>총 너비/높이:　"　+　screen.width　+　"*"　+　screen.height　+　"</p>";
txt　+=　"<p>가용 너비/높이:　"　+　screen.availWidth　+　"*"　+　screen.availHeight　+"</p>";
txt　+=　"<p>색상 깊이:　"　+　screen.colorDepth　+　"</p>";
txt　+=　"<p>색상 해상도:　"　+　screen.pixelDepth　+　"</p>";
document.write(txt);