Window Screen 객체
1.
window.screen 객체는 사용자 화면에 대한 정보 포함.
2.
window.screen객체는 window 접두사없이 작성 가능.
screen.width - 화면너비
screen.height - 화면높이
screen.availWidth - 사용가능화면너비
screen.availHeight - 사용가능화면높이
screen.colorDepth - 색상심도
screen.pixelDepth - 픽셀심도
window.screen.width - 화면너비 (픽셀단위)
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"화면너비: " + screen.width;
</script>
결과보기 (예) 1280
window.screen.height - 화면높이 (픽셀단위)
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"화면높이: " + screen.height;
</script>
결과보기 (예) 720
window.screen.availWidth - 사용가능화면너비
방문자 화면너비를 픽셀 단위로 Windows 작업표시줄과 같은 인터페이스 기능을 뺀 값으로 반환.
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"사용가능 화면너비: " + screen.availWidth;
</script>
결과보기: (예) 1280
window.screen.availHeight - 사용가능화면높이
방문자 화면높이를 픽셀 단위로 Windows 작업표시줄과 같은 인터페이스 기능을 뺀 값으로 반환.
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"사용가능 화면높이: " + screen.availHeight;
</script>
결과보기: (예) 680
window.screen.colorDepth - 화면색상심도
한 색상을 표시하는 데 사용되는 비트 수 반환.
1.
모든 최신 컴퓨터는 색 해상도에 24 비트 또는 32 비트 하드웨어 사용.
24 비트 = 16,777,216 개의 다른 "True Colors (트루 컬러)"
32 비트 = 4,294,967,296 개의 다른 "Deep Colors(딥 컬러)"
2.
오래된 컴퓨터는 16 비트 사용. 65,536 개의 다른 "High Colors (하이 컬러)"해상도.
아주 오래된 컴퓨터와 오래된 휴대폰은 256 비트의 "VGA Color"인 8 비트 사용.
3.
HTML에 사용된 #rrggbb (rgb) 값은 "트루 컬러" 의미. (16,777,216 개의 다른 색상).
4.
최신 컴퓨터의 경우, colorDepth (색상심도)와 colorDepth (픽셀심도)가 동일.
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"화면색상심도 : " + screen.colorDepth;
</script>
결과보기 (예) 24
window.screen.pixelDepth - 화면픽셀심도
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"화면픽셀심도: " + screen.pixelDepth;
</script>
결과보기: (예) 24
※ 최신 컴퓨터의 경우, colorDepth (색상심도)와 colorDepth (픽셀심도)가 동일.
