소개
이 문서에서는 문제 해결을 위해 네트워크 활동을 캡처하고 공유하기 위해 다양한 브라우저에서 HAR 파일을 만드는 방법에 대해 설명합니다.
개요
Umbrella에서 이상한 UI 동작을 경험하는 경우 지원 팀에서 HAR 파일을 기록하도록 요청할 수 있습니다. HAR 파일은 웹 브라우저에서 로드되는 웹 페이지에 대한 자세한 성능 데이터를 내보내는 데 사용할 수 있는 HTTP 트랜잭션의 아카이브 형식입니다. 문제가 발생하는 동안 HAR 파일 또는 네트워크 요청 로그를 기록하여 추가 분석을 지원할 수 있습니다.
경고: HAR 파일에는 페이지 콘텐츠와 쿠키를 비롯한 민감한 정보가 들어 있습니다. HAR 파일에 액세스할 수 있는 사용자는 계정을 가장할 수 있으며, 기록 중에 전송되는 모든 정보(예: 개인 정보, 비밀번호 또는 신용 카드 번호)에 액세스할 수 있습니다.
Chrome에서 HAR 파일 만들기
- Chrome을 엽니다.
- 메뉴 > 추가 도구 > 개발자 도구로 이동합니다.
- 개발자 도구 창에서 네트워크 탭을 선택합니다.
- 레코드 단추가 활성 상태이고 모든 유형이 표시되는지 확인합니다.
- 문제가 여러 웹 페이지 또는 리디렉션과 관련된 경우 로그 보존 옵션을 선택하여 로그를 지우지 않도록 합니다.
- 캡처해야 하는 브라우저 동작을 재현합니다.
- HAR 파일을 다운로드하려면 Export HAR을 클릭합니다.
- 파일을 HAR with Content로 컴퓨터에 저장합니다.
- 파일 이름을 지정하고 대상을 선택합니다.
- 이 파일을 지원 팀에 보냅니다.
chrome_preserve_log.png
Edge 또는 Internet Explorer에서 HAR 파일 만들기
- Edge 또는 Internet Explorer를 엽니다.
- 선택..메뉴를 클릭한 다음 F12 Developer Tools를 선택합니다.
- 개발자 도구 창에서 네트워크 탭을 선택합니다.
- 재생 단추가 회색인지 확인하여 데이터가 캡처되고 있음을 나타냅니다.
- 문제가 여러 웹 페이지나 리디렉션과 관련된 경우 로그를 보존하려면 Clear Entries on redirector를 선택 취소합니다.
- 캡처해야 하는 브라우저 동작을 재현합니다.
- 파일을 저장하려면 HAR로 내보내기를 클릭합니다.
- 이 파일을 지원 팀에 보냅니다.
Firefox에서 HAR 파일 생성
- Firefox를 엽니다.
- 메뉴 > Web Developer > 네트워크로 이동합니다.Ctrl+Shift+E를 사용합니다.
Fullscreen_2019-07-16__4_51_PM.png
- 캡처해야 하는 브라우저 동작을 재현합니다.
- 문제가 여러 웹 페이지 또는 리디렉션과 관련된 경우 모든 항목을 유지하려면 Persist Logsoption을 선택합니다.
- 그리드 내에서 마우스 오른쪽 단추를 누르고 모두 HAR로 저장을 선택합니다.
Fullscreen_2019-07-16__4_55_PM.png
- 캡처 파일을 저장합니다.
- 이 파일을 지원 팀에 보냅니다.
Safari에서 HAR 파일 만들기
- Safari를 열고 문제의 웹 페이지로 이동합니다.
- Develop(개발) 메뉴를 활성화합니다.
- Safari > Preferences > Advanced로 이동합니다.
- 메뉴 모음에서 [개발 메뉴 표시]를 선택합니다.
Screen_Shot_2022-04-13_at_8.18.10_AM.png
- [개발] > [웹 검사기 표시]를 선택합니다.
- 웹 관리자 창에서 네트워크 탭을 선택합니다.
Screen_Shot_2022-04-13_at_8.21.41_AM.png
- 네트워크 탭에서 로그 보존 옵션을 선택합니다.
Screen_Shot_2022-04-13_at_8.23.45_AM.png
- 캡처하는 데 필요한 페이지 동작을 로드하거나 재현합니다.
- 네트워크 탭 창의 오른쪽 상단 모서리에서 내보내기를 클릭합니다.
Screen_Shot_2022-04-13_at_8.25.27_AM.png
- HAR 파일을 저장합니다.
- 이 파일을 지원 팀에 보냅니다.