HAR 캡처로 문제 해결하기

HAR 캡처로 문제 해결하기 (Troubleshoot with HAR captures)

지원팀이 브라우저가 생성한 네트워크 요청을 HAR 파일 형태로 요청할 수 있어요. 문제가 발생한 페이지에서 네트워크 요청을 기록해 HAR 파일로 내보내는 방법을 브라우저별로 알려드릴게요.

중요: HAR 파일에는 쿠키, 세션 데이터, 개인 정보, 때로는 문제 해결 중 입력한 자격 증명·토큰 같은 민감 정보가 포함될 수 있어요. HAR 파일을 공유하기 전에 반드시 검토하거나 정화(redact)하세요. 정화된 HAR 파일을 Grafana 지원 티켓에 첨부하세요.

출처: 문서

본문

Chrome

  1. 문제가 발생하는 페이지로 이동하세요.
  2. 메뉴 아이콘 클릭 → More Tools > Developer Tools.
  3. 열린 패널에서 Network 탭 클릭.
  4. 왼쪽 상단의 둥근 Record 버튼이 빨간색인지 확인(회색이면 클릭해 시작).
  5. Preserve log 옵션 체크(이미 선택 안 됐다면).
  6. 회색 교차 원 버튼으로 기존 요청을 지우세요.
  7. 네트워크 요청을 기록하며 문제를 재현하세요.
  8. 다운로드 버튼으로 HAR 파일을 다운로드하세요.
  9. Grafana 지원 티켓에 HAR 파일을 업로드하세요.

Firefox

  1. 문제 페이지로 이동 → More Tools > Web Developer Tools.
  2. Network 탭 클릭.
  3. 왼쪽 상단 휴지통 아이콘으로 기존 요청을 지우세요.
  4. 기록하며 문제 재현.
  5. 패널 오른쪽 상단 톱니바퀴 아이콘 → Save All As HAR로 저장.
  6. 지원 티켓에 업로드.

Safari

  1. 문제 페이지로 이동.
  2. Develop 메뉴 → Show Web Inspector. (참고: Show features for web developers 옵션을 켜야 Develop 메뉴가 나타나요. Safari on Mac의 Develop 메뉴 개발자 도구 사용 참고)
  3. Network 탭 클릭.
  4. 오른쪽 상단 휴지통 아이콘으로 기존 요청 지우기.
  5. 기록하며 문제 재현.
  6. Export 버튼으로 HAR 저장.
  7. 지원 티켓에 업로드.

Edge

  1. 문제 페이지로 이동 → … 버튼 → More Tools > Developer Tools.
  2. Network 탭 클릭.
  3. 왼쪽 상단 Record 버튼이 빨간색인지 확인(회색이면 클릭).
  4. Preserve log 체크 확인.
  5. 회색 교차 원 버튼으로 기존 요청 지우기.
  6. 기록하며 문제 재현.
  7. 다운로드 버튼으로 HAR 저장.
  8. 지원 티켓에 업로드.

더 알아보기 (Learn more)