화면 & 디스플레이
지표
사이트는 화면 크기, 픽셀 비율, 색 설정을 읽어 기기를 구분합니다. 이 페이지는 이 값을 실시간으로 보여 주어 프로필이 실제 디스플레이처럼 보이는지 확인할 수 있게 합니다.
모든 작업은 브라우저 안에서 실행됩니다. 이 페이지의 어떤 정보도 XProxy나 다른 곳으로 전송되지 않습니다.
화면
창
디스플레이 & 설정
일관되어 보이나요?
이 검사의 의미
웹사이트가 읽는 정보
screen.width, screen.height, availWidth, devicePixelRatio, colorDepth는 모든 스크립트가 확인 창 없이 읽을 수 있습니다. 해상도는 방문자를 분류하는 가장 흔한 값 중 하나이며 모든 브라우저 핑거프린트에 포함됩니다.
안티디텍트 브라우저가 값을 바꾸는 이유
다른 컴퓨터인 척하는 프로필에는 다른 화면이 필요합니다. 안티디텍트 브라우저가 이 값을 덮어쓰더라도 창이 실제 크기 그대로면 숫자가 어긋나 뷰포트가 화면보다 커질 수 있습니다.
전형적인 불일치
1920×1080 화면에 너비 2560픽셀 창, 전체 높이보다 큰 사용 가능 높이, 너비 1440픽셀 화면의 모바일 프로필, 최신 iPhone이라면서 픽셀 비율이 1인 프로필 등입니다.
해결 방법
복제하려는 기기의 실제 해상도(1920×1080, 1366×768, 1440×900, 390×844 …)를 쓰고, 창은 화면보다 작게 유지하며, 픽셀 비율은 해당 기기와 같게 설정하세요. 이 창의 크기를 바꾸면 값이 갱신되는 것을 볼 수 있습니다.
질문
기기 픽셀 비율이란 무엇인가요?
CSS 픽셀 하나를 이루는 물리 픽셀의 수입니다. 대부분의 노트북은 1 또는 2, 휴대폰은 2~3을 보고합니다. 브라우저 확대/축소도 영향을 주어, 200% 확대 시 2로 보고됩니다.
화면이 창보다 큰 이유는 무엇인가요?
창은 화면의 일부이므로 정상입니다. 반대로 창이 화면보다 큰 경우만 의심스럽습니다.
확대/축소하면 값이 바뀌는 이유는 무엇인가요?
브라우저 확대/축소는 CSS 픽셀의 크기를 바꾸므로 뷰포트와 픽셀 비율이 달라지고, 일부 브라우저에서는 CSS 픽셀 단위의 화면 크기도 달라집니다. 사이트는 이 값들을 비교하므로 프로필에서는 확대/축소를 100%로 유지하세요.
네트워크에서도 같은 기기 스토리를
그럴듯한 화면은 하나의 신호일 뿐입니다. XProxy 모바일 프록시는 프로필에 실제 통신사 IP를 제공해, 네트워크가 내세우는 기기와 맞도록 합니다.
