개요
HAR 데이터는 웹사이트 및 웹페이지 연결성 문제를 해결할 때 매우 귀중한 도구입니다. 브라우저와 서버 간의 연결에 대한 귀중한 인사이트를 제공하여 잠재적인 근본 원인을 식별하는 데 도움을 주는 중요한 정보를 제공합니다.
이 문서에서는 일반적으로 사용되는 브라우저에서 HAR 데이터를 캡처하는 방법에 대한 개요를 제공합니다.
환경
지침
이 섹션에서는 Windows 및 Mac에서 널리 사용되는 브라우저 중 몇 가지에서 HAR 데이터를 캡처하는 방법을 보여 드리겠습니다.
Google Chrome:
-
컴퓨터에서 Google Chrome을 엽니다.
-
HAR 데이터를 캡처하려는 웹페이지 또는 웹사이트로 이동합니다.
-
페이지의 아무 곳이나 우클릭하고 컨텍스트 메뉴에서 "검사"를 선택합니다. 또는, 키보드 단축키 Ctrl + Shift + I (또는 Mac에서는 Command + Option + I)를 사용할 수 있습니다.
-
이렇게 하면 Chrome 개발자 도구 패널이 열립니다. 개발자 도구 내의 "네트워크" 탭에 있는지 확인합니다.
-
개발자 도구 패널 왼쪽 상단의 "기록" 버튼(작은 원)을 클릭합니다. 네트워크 요청이 기록되고 있다는 것을 나타내기 위해 빨간색으로 변해야 합니다.
-
웹페이지와 상호작용하여 캡처하려는 연결성 문제를 수행하거나 재현합니다.
-
문제를 재현하거나 원하는 데이터를 수집한 후, 개발자 도구 패널에서 "중지" 버튼(작은 사각형)을 클릭합니다. 이제 네트워크 활동 기록이 중지됩니다.
-
이제 네트워크 탭 내에서 캡처된 네트워크 요청 및 데이터를 탐색할 수 있습니다. 필요한 경우 요청을 필터링, 정렬 및 분석할 수 있습니다.
-
도구 모음에서 다운로드 버튼(Export HAR)을 클릭하여 캡처한 데이터를 HAR 파일로 저장합니다. HAR 파일을 저장할 적절한 위치를 선택하고 적절한 이름을 제공합니다.
Mozilla Firefox:
-
컴퓨터에서 Mozilla Firefox를 엽니다.
-
HAR 데이터를 캡처하려는 웹페이지 또는 웹사이트로 이동합니다.
-
페이지의 아무 곳이나 우클릭하고 컨텍스트 메뉴에서 "요소 검사"를 선택합니다. 또는, 키보드 단축키 Ctrl + Shift + I (또는 Mac에서는 Command + Option + I)를 사용할 수 있습니다.
-
이렇게 하면 Firefox 개발자 도구 패널이 열립니다. 개발자 도구 내의 "네트워크" 탭에 있는지 확인합니다.
-
녹화가 자동으로 시작되어야 합니다.
-
웹페이지와 상호작용하여 캡처하려는 연결성 문제를 수행하거나 재현합니다.
-
문제를 재현하거나 원하는 데이터를 수집한 후, 네트워크 탭 내에서 아무 곳이나 우클릭하고 "모두 HAR로 저장"을 선택하여 캡처한 데이터를 HAR 파일로 저장합니다. HAR 파일을 저장할 적절한 위치를 선택하고 적절한 이름을 제공합니다.
Microsoft Edge:
-
컴퓨터에서 Microsoft Edge를 엽니다.
-
HAR 데이터를 캡처하려는 웹페이지 또는 웹사이트로 이동합니다.
-
페이지의 아무 곳이나 우클릭하고 컨텍스트 메뉴에서 "검사"를 선택합니다. 또는, 키보드 단축키 Ctrl + Shift + I (또는 Mac에서는 Command + Option + I)를 사용할 수 있습니다.
-
이렇게 하면 Microsoft Edge 개발자 도구 패널이 열립니다. 개발자 도구 내의 "네트워크" 탭에 있는지 확인합니다.
-
개발자 도구 패널 왼쪽 상단의 "기록" 버튼(작은 원)을 클릭합니다. 네트워크 요청이 기록되고 있음을 나타내기 위해 빨간색으로 변해야 합니다.
-
웹페이지와 상호 작용하여 캡처하려는 연결성 문제를 수행하거나 재현하세요.
-
문제를 재현했거나 원하는 데이터를 수집한 후 개발자 도구 패널에서 "중지" 버튼(작은 사각형)을 클릭하세요. 네트워크 활동 기록이 중지됩니다.
-
이제 네트워크 탭 내에서 캡처된 네트워크 요청 및 데이터를 탐색할 수 있습니다. 필요에 따라 요청을 필터링, 정렬 및 분석할 수 있습니다.
-
캡처한 데이터를 HAR 파일로 저장하려면 네트워크 탭 내의 아무 곳이나 마우스 오른쪽 버튼으로 클릭한 다음 복사 옵션 위로 커서를 이동하고 "민감한 데이터와 함께 모두 HAR로 복사"를 선택하세요. HAR 파일을 저장할 적절한 위치를 선택하고 적절한 이름을 지정하세요.
Apple Safari:
-
Mac 컴퓨터에서 Safari를 엽니다.
-
HAR 데이터를 캡처하려는 웹페이지 또는 웹사이트로 이동합니다.
-
개발 메뉴가 아직 표시되지 않는 경우 Safari에서 개발 메뉴를 활성화합니다. 이 작업을 수행하려면 Safari > 설정으로 이동하세요. 설정 창에서 "고급" 탭을 클릭한 다음 "메뉴 막대에서 개발 메뉴 보기"라는 상자를 선택합니다
-
개발 메뉴가 활성화되면 메뉴 막대의 개발 메뉴로 이동하여 "웹 검사기 표시"를 선택합니다
-
Safari 웹 검사기 패널이 열립니다. 웹 검사기 내 "네트워크" 탭에 있는지 확인하세요.
- 웹페이지와 상호 작용하여 캡처하려는 연결성 문제를 수행하거나 재현하세요.
- 이제 네트워크 탭 내에서 캡처된 네트워크 요청 및 데이터를 탐색할 수 있습니다. 필요에 따라 요청을 필터링, 정렬 및 분석할 수 있습니다.
-
캡처한 데이터를 HAR 파일로 저장하려면 이름 열에서 아무 곳이나 마우스 오른쪽 버튼으로 클릭하고 "HAR 내보내기"를 선택한 후 HAR 파일을 저장할 적절한 위치를 선택하고 적절한 이름을 지정하세요.
댓글 0개
댓글을 남기려면 로그인하세요.