시스템 점검 도구

시스템 점검 도구는 장치의 상세 정보(OS 버전, 브라우저 유형, 화면 매개변수, 하드웨어 구성, 네트워크 상태)를 가져옵니다. 이 정보는 웹 개발 디버깅, 장치 호환성 테스트, 기술 지원에 유용합니다. 모든 감지는 브라우저에서 로컬로 수행되며 데이터가 업로드되지 않습니다. 실제 문제 해결에서는 권한, 브라우저 환경, 네트워크 경로, 장치나 서버 상태를 함께 확인해야 합니다.

페이지의 모든 신호는 핑거프린팅 데이터베이스가 아닌 문서화된 브라우저 API에서 가져옵니다. 브라우저 식별은 레거시 경로에서 navigator.userAgent로, Chromium에서는 navigator.userAgentData(User-Agent Client Hints)로 읽으며, getHighEntropyValues(['platform', 'platformVersion', 'model'])를 통해 구조화된 고엔트로피 객체를 반환합니다. 하드웨어 지표에는 navigator.hardwareConcurrency(논리 CPU 코어 수)와 navigator.deviceMemory가 포함되며, 후자는 핑거프린트 엔트로피를 제한하기 위해 의도적으로 0.25, 0.5, 1, 2, 4, 8GB 중 하나로 반올림됩니다. 화면 특성은 screen.width, screen.height, screen.availWidth, screen.colorDepth, window.devicePixelRatio, window.matchMedia('(orientation: portrait)') / matchMedia('(prefers-color-scheme: dark)')에서 가져옵니다. GPU 정보는 WebGL 컨텍스트가 필요합니다. canvas.getContext('webgl')로 생성한 뒤 getExtension('WEBGL_debug_renderer_info')를 호출하고 UNMASKED_VENDOR_WEBGL 및 UNMASKED_RENDERER_WEBGL을 읽습니다. 많은 브라우저, 특히 Safari와 Firefox 프라이빗 모드에서는 핑거프린팅 방지를 위해 이 확장을 일반 문자열로 마스킹합니다. 네트워크 정보는 Network Information API를 사용합니다. navigator.connection.effectiveType은 '4g' / '3g' / 'slow-2g'와 같은 거친 분류를 반환하며, downlink는 Mbps, rtt는 ms 단위입니다. 배터리, 위치 정보, 클립보드, 알림 권한은 모두 명시적 사용자 동의 뒤에 있거나 Permissions Policy에 의해 제어됩니다. WebAssembly, WebGPU, Service Worker, IndexedDB 등에 대한 기능 탐지는 해당 전역 객체의 feature-detection(typeof WebAssembly !== 'undefined', 'serviceWorker' in navigator)으로 수행됩니다. 모든 검사는 로컬 탭에서 동기적으로 또는 프로미스로 실행되며, 서버로 전송되는 데이터는 없습니다.

• UA 감지: navigator.userAgent(레거시) + navigator.userAgentData.getHighEntropyValues()(Chromium 90+의 UA-CH)
• 하드웨어: navigator.hardwareConcurrency(논리 코어 수) 및 navigator.deviceMemory(핑거프린트 방지를 위해 0.25/0.5/1/2/4/8GB로 반올림)
• 화면: screen.width/height, screen.colorDepth, window.devicePixelRatio, matchMedia('(prefers-color-scheme: dark)')
• GPU: WebGL getExtension('WEBGL_debug_renderer_info') 후 getParameter(UNMASKED_RENDERER_WEBGL); Safari는 종종 일반 문자열을 반환
• 네트워크: navigator.connection.effectiveType('4g'/'3g'/'slow-2g'), downlink(Mbps), rtt(ms); Network Information API
• 기능: feature detection(typeof WebAssembly !== 'undefined', 'serviceWorker' in navigator, WebGPU의 navigator.gpu)
• 권한: 배터리, 위치 정보, 클립보드, 알림은 모두 Permissions API 또는 사용자 프롬프트로 제어; 부여 전까지 많은 필드에 '-' 표시