HAR 파일을 생성하는 방법
문제 해결을 위해 브라우저 내의 네트워크 요청에 대한 자세한 정보가 필요한 경우 HAR 파일을 생성하는 것이 도움이 됩니다. 이 문서는 HAR 파일을 생성하는 방법에 대한 단계를 이해하는 데 도움이 됩니다.
설명 description
환경
Adobe Experience Manager
문제
문제 해결을 위해 브라우저에서 네트워크 요청에 대한 자세한 정보가 필요할 수 있습니다.
HAR 파일에는 브라우저의 HTTP 트랜잭션 내역이 포함되어 있으므로 유용합니다. 이 문서에서는 HAR 파일을 생성하는 방법에 대해 설명합니다.
웹 브라우저 환경
- Chrome
- Edge
- Firefox
- Safari
해결 방법 resolution
Chrome 및 Edge
- 문제가 발생한 페이지를 엽니다.
- DevTools를 열려면 F12 키를 누릅니다.
- 네트워크 탭을 선택합니다.
- 로그 유지 확인란을 선택합니다.
- 캐시 사용 안 함 확인란을 선택하십시오.
- 조사할 문제를 재현하고 네트워크 탭에 자세한 HTTP 트랜잭션이 표시되는지 확인합니다.
- 네트워크 요청 목록의 아무 곳이나 마우스 오른쪽 버튼으로 클릭합니다.
- 모든 콘텐츠를 HAR로 저장을 선택합니다.
- 위치를 선택하고 파일을 저장합니다.
Chrome/Edge 버전 130에 대한 참고 사항:
기본적으로 HAR 파일은 개인 정보 변경 사항으로 인해 Cookie and Authorization headers을(를) 제외합니다. 문제 해결을 위해 다음과 같은 중요한 헤더를 포함하려면:
- DevTools Settings(일반적으로 DevTools 창의 톱니바퀴 아이콘)을 엽니다.
- 중요한 데이터가 있는 HAR 생성 허용을 선택합니다.
- 문제를 재현한 후 네트워크 탭에서 내보내기 단추를 길게 누른 다음 드롭다운 메뉴에서 HAR 내보내기(중요한 데이터 포함)를 선택합니다.
Firefox
- 문제가 발생한 페이지를 엽니다.
- DevTools를 열려면 F12 키를 누릅니다.
- 네트워크 탭을 선택합니다.
- 톱니바퀴 아이콘을 선택하고 로그 유지를 사용하도록 설정합니다.
- 캐시 사용 안 함 확인란을 선택하십시오.
- 조사할 문제를 재현하고 네트워크 탭에 자세한 HTTP 트랜잭션이 표시되는지 확인합니다.
- 톱니바퀴 아이콘을 다시 선택하고 모두 HAR로 저장을 선택합니다.
- 위치를 선택하고 파일을 저장합니다.
Safari
- DevTools를 엽니다. 키보드에서 ⌥⌘I(Option + Command + I)를 누릅니다.
- 네트워크 탭을 선택합니다.
- 로그 유지 확인란을 선택하십시오.
- 조사할 문제를 재현하고 네트워크 탭에 자세한 HTTP 트랜잭션이 표시되는지 확인합니다.
- 내보내기를 선택합니다.
- 파일 이름을 지정하고 저장합니다.
.
recommendation-more-help
3d58f420-19b5-47a0-a122-5c9dab55ec7f