기기 정보 검사기 (브라우저, OS, 하드웨어)

수집되는 것

브라우저 & OS: 사용자 에이전트, 파싱된 브라우저/OS, 언어, 시간대, 쿠키, 온라인 상태. 방문하는 모든 웹사이트가 읽을 수 있는 같은 정보.

디스플레이: 화면 크기, 뷰포트 크기, 색상 깊이, devicePixelRatio(레티나/HiDPI), prefers-color-scheme, prefers-reduced-motion. 사이트가 반응형 디자인과 접근성에 사용.

하드웨어: CPU 스레드 수(navigator.hardwareConcurrency), 기기 메모리 클래스(navigator.deviceMemory, GB, ≥4는 8로 클립), 최대 터치 포인트, WebGL의 GPU 정보, 저장소 할당량과 현재 사용.

네트워크: 브라우저가 지원할 때 연결 유효 종류(slow-2g/2g/3g/4g), 다운링크(Mbps), 왕복 시간(ms). 적응 로딩에 유용.

프라이버시: 웹사이트가 보는 것 vs 안 보는 것

여기 표시된 모든 것은 방문하는 어떤 웹사이트도 표준 JavaScript API 통해 이미 접근 가능한 정보. 특별 권한 필요 없음; 모두 공개 navigator와 screen 객체에. 그래서 본 도구는 정보 제공, 추출 아님.

웹사이트가 보지 못하는 것(본 도구가 표시 못 하는 것): IP 주소(서버 측만, 본 도구는 완전히 클라이언트 측), 로컬 파일 시스템, 다른 브라우저 탭의 콘텐츠, 또는 브라우저 샌드박스 외부 어떤 것. 브라우저 핑거프린팅은 이 보이는 필드 많이 결합해 쿠키 없이도 고유 브라우저 식별 — 널리 문서화된 프라이버시 우려.

디버깅에 유용

모바일 vs 데스크톱 테스트: 사용자 에이전트가 사이트가 보는 것 드러냄. 때때로 반응형 문제는 잘못 감지된 기기 클래스에서.

GPU/WebGL: 'GPU (WebGL)'가 그래픽 렌더러 표시. 복잡한 3D나 캔버스 무거운 사이트가 성능 나쁠 때 유용 — GPU가 병목일 수 있음.

저장소: 저장소 할당량은 사이트가 사용 가능한 localStorage/IndexedDB/캐시 양 알려줌. 데스크톱 기본은 보통 수 GB, 모바일은 적음. 웹 앱이 'quota exceeded' 도달하면 이 숫자가 이유.