화면 정보 확인기
현재 browser가 노출하는 screen 크기, devicePixelRatio, viewport 크기, color depth를 표시합니다.
사용 방법
- 페이지를 열어 현재 탭과 디스플레이 환경에서 보고된 값을 확인합니다.
핵심 기능과 처리 범위
기본 InteractiveRunner가 screen.width/height, devicePixelRatio, innerWidth/innerHeight, screen.colorDepth를 문자열로 구성합니다.
처리 원리
screen dimensions는 CSS px로, viewport는 window inner dimensions로 읽으며 DPR과 colorDepth를 함께 표시합니다.
예시
1920×1080 물리 패널이라도 OS scaling과 browser에 따라 screen 값은 다른 CSS px로 보일 수 있습니다.
이럴 때 유용합니다
- 반응형 UI 테스트 전에 현재 viewport와 DPR을 빠르게 확인할 때
사용 전 참고
- 물리 panel 해상도·실측 DPI·HDR capability를 보장하는 hardware 정보가 아니며 zoom·OS scaling·browser chrome 영향을 받을 수 있습니다.
자주 묻는 질문
screen 값이 모니터의 실제 픽셀 수인가요?
항상 그렇지 않습니다. 현재 값은 browser가 CSS pixel 기준으로 노출한 screen dimensions입니다.