브라우저 호환성
브라우저 모니터링 모니터링을 시작하기 위해선 수집 대상 웹 애플리케이션에 브라우저 에이전트를 적용해야 합니다. 브라우저 에이전트를 적용하기 전에 브라우저 호환성을 확인하세요.
브라우저 버전별 수집 데이터 항목
와탭 브라우저 에이전트는 브라우저 및 브라우저의 버전에 따라 수집 가능한 데이터가 다를 수 있습니다.
| 수집 데이터 | Chrome | Edge | Safari | Firefox | Opera | Chrome Android | Safari iOS | Samsung Internet |
|---|---|---|---|---|---|---|---|---|
| 페이지 로드 | > 6 | > 12 | > 8 | > 7 | > 15 | 107 | > 9 | > 4 |
| 페이지 로드에 관한 리소스 | > 28 | > 12 | > 11 | > 35 | > 15 | 107 | > 11 | > 4 |
| 리소스 | > 52 | > 79 | > 11 | > 57 | > 39 | 107 | > 11 | > 6.2 |
| AJAX | > 4 | > 12 | > 3.1 | > 2 | > 10 | 107 | > 3.2 | > 4 |
| 코어 웹 바이탈 | > 77 | > 79 | fid only | fid only | > 64 | 107 | fid only | > 12 |
| SPA 페이지 전환 | > 4 | > 12 | > 3.1 | > 2 | > 10 | 107 | > 3.2 | > 4 |
| console 에러 | > 4 | > 12 | > 3.1 | > 4 | > 11.5 | 107 | > 3.2 | > 4 |
| 예외 처리 되지 않은 프로미스 에러 | > 49 | > 79 | > 11 | > 69 | > 36 | 107 | > 11.3 | > 5 |
| 예외 처리 되지 않은 자바스크립트 에러 | > 10 | > 12 | > 5.1 | > 6 | > 15 | 107 | > 5 | > 4 |
| 세션 리플레이 | > 47 | > 79 | ❌ | > 6 | > 55 | > 47 | ❌ | > 5 |
노트
세션 리플레이 데이터 수집 시 오버헤드를 방지하기 위해 메인 스레드의 유휴 시간에 데이터를 수집합니다. 이를 위해 requestIdleCallback API를 활용합니다. requestIdleCallback API를 지원하지 않는 브라우저에서는 성능 저하를 방지하기 위해 세션 리플레이 데이터를 수집하지 않도록 설정했습니다.
requestIdleCallback API는 브라우저가 유휴 상태일 때 콜백을 실행하도록 설계된 API로, 세션 리플레이 데이터 수집 시 주요 작업에 영향을 주지 않도록 보장합니다. 자세한 내용은 다음 링크를 참조하세요.