이번에는 사용자 또는 개발자가 사용하는 모니터 환경에 대해 체크해주는
자바스크립트 코드가 있어
그것들을 확인 할 수 있는 코드를 알아보자.
왜 이런거까지 해야 할까?
이렇게 생각해 보자
만약, 사용자가 30인지 모니터와 17인지 또는 7인치 또는 스마트 폰으로 볼 때마다
각각에 최적화된 화면 또는 서비스를 구성하고 싶다면.
" 그것도 자기가 알아서. "
(= 앞에서 실컷 떠들었던 객체지향 아닌 기반의 언어라 가능한 ! )
사실,
실무에서는 엔스크린에서는 다른 방법이 사용되고 있지만
이렇게 응용할수 도 있다는 생각과 경험이 나중에 분명히 도움이 될것이라는 개인적인 생각이다.
" 비단- 프로그레밍이 아닌 인생을 살아가는 문제 해결 능력을 키우기 위해. "
|
|
<!DOCTYPE html> |
|
|
<html> |
|
|
<head> |
|
|
<meta charset="utf-8" /> |
|
|
<title>screen객체</title> |
|
|
<script type="text/javascript"> |
|
|
//<![CDATA[ |
|
|
|
|
|
document.write("화면전체 height :" +screen.height + "<br />"); |
|
|
document.write("화면전체 width :" +screen.width + "<br />"); |
|
|
|
|
|
document.write("사용가능한 화면전체 height :" +screen.height + "<br />"); |
|
|
document.write("사용가능한 화면전체 width :" +screen.width + "<br />"); |
|
|
|
|
|
document.write("화면색상수 :" +screen.colorDepth + "<br />"); |
|
|
document.write("픽셀당 화면 해상도 :" +screen.pixelDepth + "<br />"); |
|
|
|
|
|
document.write("사용가능한 x축좌표 :" +screen.availLeft + "<br />"); |
|
|
document.write("사용가능한 y축좌표 :" +screen.availTop + "<br />"); |
|
|
|
|
|
//]]]]> |
|
|
</script> |
|
|
</head> |
|
|
|
|
|
<body> |
|
|
|
|
|
</body> |
|
|
</html> |
'새로워지기 > 서른의 생활코딩' 카테고리의 다른 글
| 샘플소스3) javascript 기본 문서구조 ( string 객체_응용1 ) (0) | 2011.04.10 |
|---|---|
| 샘플소스3) javascript 기본 문서구조 ( string 객체 ) (0) | 2011.04.10 |
| 샘플소스3) javascript 기본 문서구조 ( 숫자 객체 _ 응용3 ) (1) | 2011.04.10 |
| 샘플소스3) javascript 기본 문서구조 ( 숫자 객체 _ 응용2 ) (0) | 2011.04.10 |
| 샘플소스3) javascript 기본 문서구조 ( 숫자 객체 _ 응용1 ) (0) | 2011.04.10 |
댓글