브라우저2 자바스크립트 브라우저 크기 및 브라우저 화면 사이즈 자바스크립트 브라우저 크기 및 브라우저 화면 사이즈 화면크기 웹브라우저의 크기에 따라 태그라던지 주변 요소들의 크기를 변경해야하는 경우가 상당히 많다. 그때 웹브라우저의 크기를 알아보는 방법에 대해서 알아 보도록 하겠다. 브라우저의 크기를 확인 하기위한 4가지 명령어 브라우저의 크기를 확인 하기 위해서는 4가지 명령어만 알면 끝난다. 먼저 가로 사이즈는 아래 2가지 명령어를 확인해보자 가로사이즈 window.innerWidth : 브라우저 표시화면의 너비 window.outerWidth : 브라우저 전체의 너비 일반적으로는 innerWidth 를 많이 사용한다. 도대체가 텍스트로 표현하려니 생각보다 쉽지 않아서 그림판에서 아래와 같이 그림을 그렸다. 세로사이즈 window.innerHeight : 브라우.. 2021. 11. 10. 자바스크립트 브라우저 확인 소스( navigator.userAgent ) 자바스크립트 브라우저 확인 소스( navigator.userAgent ) 브라우저별 혹은 모바일, PC별 다른방식의 처리나 코드를 다르게 적용해야할때가 분명히 있다. 브라우저 종류도 많지만 각 디바이스 종류도 많으니, 웹개발할때 이에대한 구분을 할 필요가 있다. 앞으로도 얼마나 많은 브라우저와 디바이스 기기가 나올지 모르겠지만은, 아래 샘플 코드를 통해 대부분의 처리가 가능하다. navigator 오브젝트의 userAgent 정보를 통해 브라우저를 구분하는 코드를 남겨놓는다. function getBrowserName () { var agent = (navigator.agent).toLowerCase(); if (agent.indexOf("edge") > -1) { return "edge"; } else.. 2021. 8. 12. 이전 1 다음
