브라우저 호환성
브라우저 모니터링 모니터링을 시작하기 위해선 수집 대상 웹 애플리케이션에 브라우저 에이전트를 적용해야 합니다. 브라우저 에이전트를 적용하기 전에 브라우저 호환성을 확인하세요.
브라우저 버전별 수집 데이터 항목
와탭 브라우저 에이전트는 브라우저 및 브라우저의 버전에 따라 수집 가능한 데이터가 다를 수 있습니다.
| 수집 데이터 | 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 | > 8 * | > 6 | > 55 | > 47 | > 9 * | > 5 |
노트
세션 리플레이 데이터 수집 시 오버헤드를 방지하기 위해 메인 스레드의 유휴 시간에 데이터를 수집합니다. 이를 위해 requestIdleCallback API를 활용합니다.
requestIdleCallback API는 브라우저가 유휴 상태일 때 콜백을 실행하도록 설계된 API로, 세션 리플레이 데이터 수집 시 주요 작업에 영향을 주지 않도록 보장합니다. 자세한 내용은 다음 링크를 참조하세요.
팁
Safari, Safari iOS는 requestIdleCallback API를 지원하지 않아 기본적으로 세션 리플레이를 수집하지 않습니다. sessionReplayCollectAllBrowser 옵션을 true로 설정하면 해당 브라우저에서도 세션 리플레이 데이터를 수집할 수 있습니다. 단, 이 경우 메인 스레드 유휴 시간 체크 없이 수집되므로 성능에 영향을 줄 수 있습니다. 옵션 적용에 대한 자세한 내용은 다음 링크를 참조하세요.