홈페이지(웹브라우저) 창 가로 세로 확인 방법

홈페이지를 제작하다보명 웹브라우저마다 가로, 세로 크기가 다를때가 많다.
그래서 가로 세로 크기를 확인하기위해 다음을 자바스트립트로 실행해 보면 간단하게 확인할 수 있다.

style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-7691045821455364"
data-ad-slot="4245977639">

/***

가로길이
document.body.offsetWidth
document.body.scrollWidth // (문서 전체의 크기)
document.body.clientWidth // (창의 크기)

세로길이
document.body.offsetHeight
document.body.scrollHeight //(문서 전체의 크기)
document.body.clientHeight // (창의 크기)

*** HTML5 표준이 정해져 있다.

가로 길이
window.innerWidth // 브라우저 윈도우 두께를 제외한 실질적 가로 길이
window.outerWidth // 브라우저 윈도우 두께를 포함한 브라우저 전체 가로 길이

세로길이
window.innerHeight // 브라우저 윈도우 두께를 제외한 실질적 세로 길이
window.outerHeight // 브라우저 윈도우 두께를 포함한 브라우저 전체 세로 길이

*/

// var window = window.screenX
// var window = window.screenY

alert ( "가로(window.outerWidth) : " + window.outerWidth + "n" + "세로(window.outerHeight) : " + window.outerHeight );
alert ( "가로(window.innerWidth) : " + window.innerWidth + "n" + "세로(window.innerHeight) : " + window.innerHeight );
alert ( "위치(window.screenX) : " + window.screenX + "n" + "위치(window.screenY) : " + window.screenY );
alert ( "위치(window.pageXOffset) : " + window.pageXOffset + "n" + "위치(window.pageYOffset) : " + window.pageYOffset );
alert ( "위치(window.screen.width) : " + window.screen.width + "n" + "위치(window.screen.height) : " + window.screen.height );

TAG : 웹브라우저 홈페이지 가로세로크기 위치

컴퓨터와 관련있는 모든 팁을 공유합시다.

홈페이지(웹브라우저) 창 가로 세로 확인 방법

MS 엣지 강력한 새로고침

cURL 사용법

[Javascript] 숫자를 글자로 바꿔주는 자바스크립트

[엑셀] 셀을 클릭하면 설명 메시지를 팝업 시키는 방법

[Javascript] confirm 클릭 확인받기

[HTML][CSS] 페이지 넘김 및 프린터 출력 여백 설정

[javascript] window.open으로 오픈한 자식창에서 부모창 태그 �...

[jQuery] 익스플로러 외 날짜 입력박스 사용하기(input type dat...

[JavaScript] 스크롤할때 메뉴바 상단에 고정하기

CSS3 미디어쿼리 @media 규칙 이해.

[엑셀] 특정 자릿수 숫자 반올림

[Android] Chrome Custom Tabs 시작하기

[Android] 상태바 없애기

[Android] 타이틀바 없애기

[Android] ERR_CLEARTEXT_NOT_PERMITTED 웹뷰 호출 에러

Chrome 크롬 강력 새로고침 단축키

홈페이지(웹브라우저) 창 가로 세로 확인 방법

Html CSS 수직으로 중앙 정렬 하는 방법

textarea 엔터키 입력할때마다 입력박스 높이를 증가시키는 자바...

javascript encodeURI -> php EUC-KR decode