javascript 브라우저 크기 화면 해상도 구하기 (넓이, 높이)

브라우저의 현재 크기(width, height)를 구하고 싶은 경우 사용할 수 있는 방법들입니다.

var size = {
  width: window.innerWidth || document.body.clientWidth,
  height: window.innerHeight || document.body.clientHeight 
};

screen 객체로 화면 크기 구하기

screen은 브라우저 정보를 가져오는 객체입니다. screen 객체의 속성은 아래와 같습니다.

screen.width        // 화면(모니터 해상도)의 너비
screen.availWidth  // 모니터 화면의 작업 표시줄을 제외한 너비

screen.height      // 화면(모니터 해상도)의 높이
screen.availHeight // 모니터 화면의 작업 표시줄을 제외한 높이