HAR 데이터 수집 방법

개요

HAR 데이터는 웹사이트 및 웹페이지 연결성 문제를 해결할 때 매우 귀중한 도구입니다. 브라우저와 서버 간의 연결에 대한 귀중한 인사이트를 제공하여 잠재적인 근본 원인을 식별하는 데 도움을 주는 중요한 정보를 제공합니다.

이 문서에서는 일반적으로 사용되는 브라우저에서 HAR 데이터를 캡처하는 방법에 대한 개요를 제공합니다.

환경

Google Chrome

Mozilla Firefox

Microsoft Edge

Apple Safari

지침

이 섹션에서는 Windows 및 Mac에서 널리 사용되는 브라우저 중 몇 가지에서 HAR 데이터를 캡처하는 방법을 보여 드리겠습니다.

Google Chrome:

  1. 컴퓨터에서 Google Chrome을 엽니다.

  2. HAR 데이터를 캡처하려는 웹페이지 또는 웹사이트로 이동합니다.

  3. 페이지의 아무 곳이나 우클릭하고 컨텍스트 메뉴에서 "검사"를 선택합니다. 또는, 키보드 단축키 Ctrl + Shift + I (또는 Mac에서는 Command + Option + I)를 사용할 수 있습니다.

  4. 이렇게 하면 Chrome 개발자 도구 패널이 열립니다. 개발자 도구 내의 "네트워크" 탭에 있는지 확인합니다.

  5. 개발자 도구 패널 왼쪽 상단의 "기록" 버튼(작은 원)을 클릭합니다. 네트워크 요청이 기록되고 있다는 것을 나타내기 위해 빨간색으로 변해야 합니다.

  6. 웹페이지와 상호작용하여 캡처하려는 연결성 문제를 수행하거나 재현합니다.

  7. 문제를 재현하거나 원하는 데이터를 수집한 후, 개발자 도구 패널에서 "중지" 버튼(작은 사각형)을 클릭합니다. 이제 네트워크 활동 기록이 중지됩니다.

  8. 이제 네트워크 탭 내에서 캡처된 네트워크 요청 및 데이터를 탐색할 수 있습니다. 필요한 경우 요청을 필터링, 정렬 및 분석할 수 있습니다.

  9. 도구 모음에서 다운로드 버튼(Export HAR)을 클릭하여 캡처한 데이터를 HAR 파일로 저장합니다. HAR 파일을 저장할 적절한 위치를 선택하고 적절한 이름을 제공합니다.

Mozilla Firefox:

  1. 컴퓨터에서 Mozilla Firefox를 엽니다.

  2. HAR 데이터를 캡처하려는 웹페이지 또는 웹사이트로 이동합니다.

  3. 페이지의 아무 곳이나 우클릭하고 컨텍스트 메뉴에서 "요소 검사"를 선택합니다. 또는, 키보드 단축키 Ctrl + Shift + I (또는 Mac에서는 Command + Option + I)를 사용할 수 있습니다.

  4. 이렇게 하면 Firefox 개발자 도구 패널이 열립니다. 개발자 도구 내의 "네트워크" 탭에 있는지 확인합니다.

  5. 녹화가 자동으로 시작되어야 합니다.

  6. 웹페이지와 상호작용하여 캡처하려는 연결성 문제를 수행하거나 재현합니다.

  7. 문제를 재현하거나 원하는 데이터를 수집한 후, 네트워크 탭 내에서 아무 곳이나 우클릭하고 "모두 HAR로 저장"을 선택하여 캡처한 데이터를 HAR 파일로 저장합니다. HAR 파일을 저장할 적절한 위치를 선택하고 적절한 이름을 제공합니다.

Microsoft Edge:

  • 컴퓨터에서 Microsoft Edge를 엽니다.

  • HAR 데이터를 캡처하려는 웹페이지 또는 웹사이트로 이동합니다.

  • 페이지의 아무 곳이나 우클릭하고 컨텍스트 메뉴에서 "검사"를 선택합니다. 또는, 키보드 단축키 Ctrl + Shift + I (또는 Mac에서는 Command + Option + I)를 사용할 수 있습니다.

  • 이렇게 하면 Microsoft Edge 개발자 도구 패널이 열립니다. 개발자 도구 내의 "네트워크" 탭에 있는지 확인합니다.

  • 개발자 도구 패널 왼쪽 상단의 "기록" 버튼(작은 원)을 클릭합니다. 네트워크 요청이 기록되고 있음을 나타내기 위해 빨간색으로 변해야 합니다.

  • 웹페이지와 상호 작용하여 캡처하려는 연결성 문제를 수행하거나 재현하세요.

  • 문제를 재현했거나 원하는 데이터를 수집한 후 개발자 도구 패널에서 "중지" 버튼(작은 사각형)을 클릭하세요. 네트워크 활동 기록이 중지됩니다.

  • 이제 네트워크 탭 내에서 캡처된 네트워크 요청 및 데이터를 탐색할 수 있습니다. 필요에 따라 요청을 필터링, 정렬 및 분석할 수 있습니다.

  • 캡처한 데이터를 HAR 파일로 저장하려면 네트워크 탭 내의 아무 곳이나 마우스 오른쪽 버튼으로 클릭한 다음 복사 옵션 위로 커서를 이동하고 "민감한 데이터와 함께 모두 HAR로 복사"를 선택하세요. HAR 파일을 저장할 적절한 위치를 선택하고 적절한 이름을 지정하세요.

Apple Safari:

  1. Mac 컴퓨터에서 Safari를 엽니다.

  2. HAR 데이터를 캡처하려는 웹페이지 또는 웹사이트로 이동합니다.

  3. 개발 메뉴가 아직 표시되지 않는 경우 Safari에서 개발 메뉴를 활성화합니다. 이 작업을 수행하려면 Safari > 설정으로 이동하세요. 설정 창에서 "고급" 탭을 클릭한 다음 "메뉴 막대에서 개발 메뉴 보기"라는 상자를 선택합니다
    developmenu.jpg

  4. 개발 메뉴가 활성화되면 메뉴 막대의 개발 메뉴로 이동하여 "웹 검사기 표시"를 선택합니다
    webinspector.jpg

  5. Safari 웹 검사기 패널이 열립니다. 웹 검사기 내 "네트워크" 탭에 있는지 확인하세요.

  6. 웹페이지와 상호 작용하여 캡처하려는 연결성 문제를 수행하거나 재현하세요.
  7. 이제 네트워크 탭 내에서 캡처된 네트워크 요청 및 데이터를 탐색할 수 있습니다. 필요에 따라 요청을 필터링, 정렬 및 분석할 수 있습니다.
  8. 캡처한 데이터를 HAR 파일로 저장하려면 이름 열에서 아무 곳이나 마우스 오른쪽 버튼으로 클릭하고 "HAR 내보내기"를 선택한 후 HAR 파일을 저장할 적절한 위치를 선택하고 적절한 이름을 지정하세요.

도움이 되었습니까?

2명 중 1명이 도움이 되었다고 했습니다.

댓글 0개