🖥️ 내 기기·화면 정보
접속하는 순간 내 기기의 해상도·뷰포트·픽셀 비율·브라우저 정보를 보여줍니다. 어떤 정보도 서버로 전송되지 않습니다.
사용 방법
- 페이지에 접속하면 화면·기기 정보가 자동으로 표시됩니다.
- 창 크기를 조절하면 뷰포트 값이 실시간으로 갱신됩니다.
- '전체 정보 복사' 버튼으로 목록을 복사해 개발자나 고객센터에 전달합니다.
이럴 때 유용해요
- 웹사이트 오류 문의 시 개발자에게 내 브라우저·해상도 정보를 전달할 때
- 반응형 웹 개발 중 현재 뷰포트 너비와 DPR을 빠르게 확인할 때
- 새 모니터·노트북의 실제 해상도와 배율 설정을 점검할 때
알아두면 좋은 팁
- 레티나 디스플레이는 픽셀 비율(DPR)이 2~3입니다. CSS 1px이 실제 2~3픽셀로 그려진다는 뜻으로, '실제 렌더 픽셀' 항목에서 물리 해상도를 확인할 수 있습니다.
- Windows의 배율(125%, 150%) 설정도 DPR에 반영됩니다. 해상도가 이상하게 보이면 배율부터 확인하세요.
자주 묻는 질문
화면 해상도와 뷰포트 크기는 뭐가 다른가요?
해상도는 모니터 전체의 픽셀 수이고, 뷰포트는 브라우저 창에서 웹페이지가 실제로 보이는 영역입니다. 창을 줄이거나 개발자도구를 열면 뷰포트만 작아집니다.
devicePixelRatio(DPR)가 2라는 건 무슨 뜻인가요?
CSS 픽셀 1개를 물리 픽셀 2×2개로 그린다는 뜻입니다. 아이폰·맥북 레티나 화면이 대표적이며, 이미지가 선명하려면 표시 크기의 2배 해상도 이미지가 필요합니다.
User-Agent 문자열은 왜 이렇게 복잡한가요?
호환성 역사 때문입니다. 크롬도 'Mozilla'로 시작하는 이유죠. 최근 브라우저는 개인정보 보호를 위해 UA를 단순화·고정하는 추세라 세부 버전이 실제와 다를 수 있습니다.
이 정보가 사이트에 수집되나요?
아니요. 표시되는 모든 값은 브라우저 안에서 자바스크립트로 읽어 화면에만 보여주며, 서버로 전송하거나 저장하지 않습니다.
