웹 브라우저 창 크기 확인하는 방법

F12 키를 눌러 "개발자 도구"를 선택하여 console창에서 아래와 같이 입력하여 확인합니다.

1. 개발자 도구 열기

 

• Windows: F12 또는 Ctrl + Shift + I
• Mac: Cmd + Option + I

2. 콘솔(Console) 탭으로 이동
개발자 도구에서 상단 메뉴 중 Console 탭을 클릭합니다.

 

3. 전체 화면 크기 확인 코드 입력
콘솔에 아래 코드를 입력하고 Enter를 누르면 화면 크기를 확인할 수 있습니다:

 

console.log(window.innerWidth, window.innerHeight);

 

• window.innerWidth: 화면의 가로 크기(픽셀)
• window.innerHeight: 화면의 세로 크기(픽셀)