HAR 파일을 생성하는 방법

문제 해결을 위해 브라우저 내의 네트워크 요청에 대한 자세한 정보가 필요한 경우 HAR 파일을 생성하는 것이 도움이 됩니다. 이 문서는 HAR 파일을 생성하는 방법에 대한 단계를 이해하는 데 도움이 됩니다.

설명 description

환경

Adobe Experience Manager

문제

문제 해결을 위해 브라우저에서 네트워크 요청에 대한 자세한 정보가 필요할 수 있습니다.

HAR 파일에는 브라우저의 HTTP 트랜잭션 내역이 포함되어 있으므로 유용합니다. 이 문서에서는 HAR 파일을 생성하는 방법에 대해 설명합니다.

웹 브라우저 환경

  • Chrome
  • Edge
  • Firefox
  • Safari

해결 방법 resolution

Chrome 및 Edge

  1. 문제가 발생한 페이지를 엽니다.
  2. DevTools를 열려면 F12 키를 누릅니다.
  3. 네트워크 탭을 선택합니다.
  4. 로그 유지 확인란을 선택합니다.
  5. 캐시 사용 안 함 확인란을 선택하십시오.
  6. 조사할 문제를 재현하고 네트워크 탭에 자세한 HTTP 트랜잭션이 표시되는지 확인합니다.
  7. 네트워크 요청 목록의 아무 곳이나 마우스 오른쪽 버튼으로 클릭합니다.
  8. 모든 콘텐츠를 HAR로 저장을 선택합니다.
  9. 위치를 선택하고 파일을 저장합니다.

Chrome/Edge 버전 130에 대한 참고 사항:

기본적으로 HAR 파일은 개인 정보 변경 사항으로 인해 Cookie and Authorization headers을(를) 제외합니다. 문제 해결을 위해 다음과 같은 중요한 헤더를 포함하려면:

  1. DevTools Settings(일반적으로 DevTools 창의 톱니바퀴 아이콘)을 엽니다.
  2. 중요한 데이터가 있는 HAR 생성 허용을 선택합니다.
  3. 문제를 재현한 후 네트워크 탭에서 내보내기 단추를 길게 누른 다음 드롭다운 메뉴에서 HAR 내보내기(중요한 데이터 포함)를 선택합니다.

Firefox

  1. 문제가 발생한 페이지를 엽니다.
  2. DevTools를 열려면 F12 키를 누릅니다.
  3. 네트워크 탭을 선택합니다.
  4. 톱니바퀴 아이콘을 선택하고 로그 유지를 사용하도록 설정합니다.
  5. 캐시 사용 안 함 확인란을 선택하십시오.
  6. 조사할 문제를 재현하고 네트워크 탭에 자세한 HTTP 트랜잭션이 표시되는지 확인합니다.
  7. 톱니바퀴 아이콘을 다시 선택하고 모두 HAR로 저장을 선택합니다.
  8. 위치를 선택하고 파일을 저장합니다.

Safari

  1. DevTools를 엽니다. 키보드에서 ⌥⌘I(Option + Command + I)를 누릅니다.
  2. 네트워크 탭을 선택합니다.
  3. 로그 유지 확인란을 선택하십시오.
  4. 조사할 문제를 재현하고 네트워크 탭에 자세한 HTTP 트랜잭션이 표시되는지 확인합니다.
  5. 내보내기를 선택합니다.
  6. 파일 이름을 지정하고 저장합니다.

.

recommendation-more-help
3d58f420-19b5-47a0-a122-5c9dab55ec7f