목차

소개

개요

Chrome에서 HAR 파일 만들기

Edge 또는 Internet Explorer에서 HAR 파일 만들기

Firefox에서 HAR 파일 생성

Safari에서 HAR 파일 만들기

소개

이 문서에서는 문제 해결을 위해 네트워크 활동을 캡처하고 공유하기 위해 다양한 브라우저에서 HAR 파일을 만드는 방법에 대해 설명합니다.

개요

Umbrella에서 이상한 UI 동작을 경험하는 경우 지원 팀에서 HAR 파일을 기록하도록 요청할 수 있습니다. HAR 파일은 웹 브라우저에서 로드되는 웹 페이지에 대한 자세한 성능 데이터를 내보내는 데 사용할 수 있는 HTTP 트랜잭션의 아카이브 형식입니다. 문제가 발생하는 동안 HAR 파일 또는 네트워크 요청 로그를 기록하여 추가 분석을 지원할 수 있습니다.

경고: HAR 파일에는 페이지 콘텐츠와 쿠키를 비롯한 민감한 정보가 들어 있습니다. HAR 파일에 액세스할 수 있는 사용자는 계정을 가장할 수 있으며, 기록 중에 전송되는 모든 정보(예: 개인 정보, 비밀번호 또는 신용 카드 번호)에 액세스할 수 있습니다.

Chrome에서 HAR 파일 만들기

1. Chrome을 엽니다.

2. 메뉴 > 추가 도구 > 개발자 도구로 이동합니다.

3. 개발자 도구 창에서 네트워크 탭을 선택합니다.

4. 레코드 단추가 활성 상태이고 모든 유형이 표시되는지 확인합니다.

5. 문제가 여러 웹 페이지 또는 리디렉션과 관련된 경우 로그 보존 옵션을 선택하여 로그를 지우지 않도록 합니다.

6. 캡처해야 하는 브라우저 동작을 재현합니다.

7. HAR 파일을 다운로드하려면 Export HAR을 클릭합니다.

8. 파일을 HAR with Content로 컴퓨터에 저장합니다.

9. 파일 이름을 지정하고 대상을 선택합니다.

10. 이 파일을 지원 팀에 보냅니다.

chrome_preserve_log.png

Edge 또는 Internet Explorer에서 HAR 파일 만들기

1. Edge 또는 Internet Explorer를 엽니다.

2. 선택..메뉴를 클릭한 다음 F12 Developer Tools를 선택합니다.

3. 개발자 도구 창에서 네트워크 탭을 선택합니다.

4. 재생 단추가 회색인지 확인하여 데이터가 캡처되고 있음을 나타냅니다.

5. 문제가 여러 웹 페이지나 리디렉션과 관련된 경우 로그를 보존하려면 Clear Entries on redirector를 선택 취소합니다.

6. 캡처해야 하는 브라우저 동작을 재현합니다.

7. 파일을 저장하려면 HAR로 내보내기를 클릭합니다.

8. 이 파일을 지원 팀에 보냅니다.

Firefox에서 HAR 파일 생성

1. Firefox를 엽니다.

2. 메뉴 > Web Developer > 네트워크로 이동합니다.Ctrl+Shift+E를 사용합니다.

Fullscreen_2019-07-16__4_51_PM.png

3. 캡처해야 하는 브라우저 동작을 재현합니다.

4. 문제가 여러 웹 페이지 또는 리디렉션과 관련된 경우 모든 항목을 유지하려면 Persist Logsoption을 선택합니다.

5. 그리드 내에서 마우스 오른쪽 단추를 누르고 모두 HAR로 저장을 선택합니다.

Fullscreen_2019-07-16__4_55_PM.png

6. 캡처 파일을 저장합니다.

7. 이 파일을 지원 팀에 보냅니다.

Safari에서 HAR 파일 만들기

1. Safari를 열고 문제의 웹 페이지로 이동합니다.

2. Develop(개발) 메뉴를 활성화합니다.

- Safari > Preferences > Advanced로 이동합니다.

- 메뉴 모음에서 [개발 메뉴 표시]를 선택합니다.

Screen_Shot_2022-04-13_at_8.18.10_AM.png

3. [개발] > [웹 검사기 표시]를 선택합니다.

4. 웹 관리자 창에서 네트워크 탭을 선택합니다.

Screen_Shot_2022-04-13_at_8.21.41_AM.png

5. 네트워크 탭에서 로그 보존 옵션을 선택합니다.

Screen_Shot_2022-04-13_at_8.23.45_AM.png

6. 캡처하는 데 필요한 페이지 동작을 로드하거나 재현합니다.

7. 네트워크 탭 창의 오른쪽 상단 모서리에서 내보내기를 클릭합니다.

Screen_Shot_2022-04-13_at_8.25.27_AM.png

8. HAR 파일을 저장합니다.

9. 이 파일을 지원 팀에 보냅니다.