본문 바로가기

로딩 중...


디바이스 정보

디바이스 정보는 페이지를 여는 순간 접속한 기기의 화면 해상도·창 크기·픽셀 비율·색 깊이와 브라우저·운영체제·CPU 코어·메모리·GPU·User Agent를 카드로 정리해 보여주는 도구입니다. 버그 제보에 기기 사양을 첨부해야 할 때, CSS 미디어쿼리를 디버깅하며 지금 화면의 실제 값이 필요할 때, 원격으로 다른 사람 기기의 환경을 파악해야 할 때 씁니다.

버그 제보가 올 때마다 "화면이 깨져요"라는 말만 있고 해상도나 브라우저 버전이 없어서 다시 물어보는 일이 반복됐습니다. 캡처를 떠서 보내달라고 하기도 번거로워서, 링크 하나만 보내면 필요한 값이 한 화면에 뜨고 그대로 복사해서 붙여넣을 수 있게 만들었어요.

사용 방법

지원하는 형식

따로 입력할 것은 없습니다. 접속하면 브라우저가 제공하는 값을 그대로 읽어 화면·기기 두 장의 카드로 나눠 보여주고, 각 항목은 클릭 한 번으로 텍스트가 복사되어 이슈 티켓이나 메신저에 바로 붙여넣을 수 있습니다. 브라우저가 제공하지 않는 값(GPU·메모리 등)은 항목 자체가 표시되지 않습니다.

  1. 페이지를 열면 화면 카드에서 해상도·창 크기·픽셀 비율·색 깊이를 확인합니다. 창 크기는 브라우저 창을 조절하면 실시간으로 바뀝니다.

    디바이스 정보-guide-1

  2. 기기 카드에서 브라우저·운영체제·GPU·User Agent를 확인하고, 보낼 항목을 클릭해 복사합니다.

    디바이스 정보-guide-2

자주 묻는 질문

해상도가 모니터 실제 스펙과 다르게 나옵니다.

표시되는 해상도는 운영체제의 배율(디스플레이 확대)이 적용된 CSS 픽셀 기준입니다. 예를 들어 4K(3840×2160) 모니터를 150% 배율로 쓰면 2560×1440으로 표시됩니다. 물리 해상도가 필요하면 표시된 해상도에 픽셀 비율을 곱하면 됩니다. 웹페이지가 실제로 보는 값이 이 CSS 픽셀이라, CSS 미디어쿼리 디버깅에는 오히려 이 값이 맞습니다.

메모리가 실제 램 용량보다 작게 나옵니다.

브라우저가 알려주는 deviceMemory 값은 개인정보 보호를 위해 0.25~8GB 구간의 근삿값으로만 제공되고 최대 8GB로 제한됩니다. 램이 16GB·32GB인 기기도 8GB로 표시되는 것이 정상입니다. 정확한 램 용량은 운영체제의 시스템 정보에서 확인해야 합니다.

GPU나 메모리 항목이 아예 안 보입니다.

브라우저가 해당 값을 제공하지 않으면 그 항목은 표시하지 않습니다. 메모리는 크롬 계열 브라우저에서만 제공되고 파이어폭스·사파리에는 없습니다. GPU도 브라우저가 WebGL 상세 정보를 제한하면 읽을 수 없습니다. 항목이 없는 것은 기기 문제가 아니라 브라우저의 제공 범위 차이입니다.

버그 제보에는 어떤 값을 보내면 되나요?

User Agent 하나에 브라우저·OS·기기 정보가 모두 담겨 있어 이 값이 기본이고, 화면 깨짐 문제라면 해상도·픽셀 비율·창 크기를 함께 보내면 재현에 충분한 경우가 대부분입니다. 각 항목을 클릭하면 값이 복사되니 이슈 티켓이나 메신저에 그대로 붙여넣으면 됩니다.