브라우저 트레이스 정보 캡처

웹 기반 Google Cloud 콘솔에 문제가 있는 경우 브라우저 추적 정보를 제공해 주시면 문제를 파악하고 조사하는 데 도움이 됩니다. 이 가이드에서는 지원 케이스에서 공유할 수 있도록 관련 아티팩트를 캡처하고 저장하는 방법을 설명합니다.

신고에 포함할 유용한 정보에 관한 추가 안내는 Google Cloud 콘솔 문제 신고를 참고하세요.

HAR 파일 캡처

HAR (HTTP 보관 파일)은 HTTP 세션 데이터를 기록하는 데 사용되는 파일 형식으로, HTTP 문제 해결에 도움이 됩니다.

브라우저를 사용하여 HAR 파일을 캡처하고 저장하려면 다음 단계를 따르세요.

Chrome

Chrome DevTools 네트워크 패널을 사용합니다.

  1. Google Cloud 콘솔에서 문제가 발생하는 페이지로 이동합니다.

  2. Chrome DevTools를 엽니다. 페이지의 아무 곳이나 마우스 오른쪽 버튼으로 클릭하고 검사를 선택합니다.

  3. DevTools 패널에서 네트워크 탭을 선택합니다. 도구에서 네트워크 활동 기록을 자동으로 시작합니다.

  4. 로그 유지를 선택합니다.

  5. 네트워크 로그 지우기를 클릭합니다.

  6. Google Cloud 콘솔과 상호작용하여 문제를 재현합니다.

  7. 문제 재현이 완료되면 HAR 내보내기 (익명 처리됨)를 클릭하고 생성된 HAR 파일을 저장합니다.

에지

Microsoft Edge DevTools 네트워크 도구를 사용합니다.

  1. Google Cloud 콘솔에서 문제가 발생하는 페이지로 이동합니다.

  2. Microsoft Edge DevTools를 엽니다. 페이지의 아무 곳이나 마우스 오른쪽 버튼으로 클릭하고 검사를 선택합니다.

  3. DevTools 패널에서 네트워크 탭을 선택합니다. 도구에서 네트워크 활동 기록을 자동으로 시작합니다.

  4. 로그 유지를 선택합니다.

  5. 네트워크 로그 지우기를 클릭합니다.

  6. Google Cloud 콘솔과 상호작용하여 문제를 재현합니다.

  7. 문제를 재현한 후 HAR 내보내기를 클릭하고 생성된 HAR 파일을 저장합니다.

Firefox

Firefox DevTools Network Monitor를 사용합니다.

  1. Google Cloud 콘솔에서 문제가 발생하는 페이지로 이동합니다.

  2. Firefox DevTools를 엽니다. 페이지의 아무 곳이나 마우스 오른쪽 버튼으로 클릭하고 검사를 선택합니다.

  3. DevTools 패널에서 네트워크 탭을 선택합니다. 도구에서 네트워크 활동 기록을 자동으로 시작합니다.

  4. 설정을 클릭한 다음 로그 유지를 선택합니다.

  5. 지우기를 클릭합니다.

  6. Google Cloud 콘솔과 상호작용하여 문제를 재현합니다.

  7. 문제를 재현한 후 설정 > 모두 HAR로 저장을 클릭하고 생성된 HAR 파일을 저장합니다.

Safari

Safari Web Inspector Network Tab을 사용합니다.

  1. Safari 개발자 도구를 사용 설정합니다.

  2. Google Cloud 콘솔에서 문제가 발생하는 페이지로 이동합니다.

  3. Safari Web Inspector를 엽니다. Safari 메뉴 바에서 Develop(개발자용) > Show Web Inspector(Web Inspector 표시)를 클릭합니다.

  4. 웹 인스펙터에서 네트워크 탭을 선택합니다. 이 도구는 네트워크 활동 기록을 자동으로 시작합니다.

  5. 로그 보존을 선택하고 웹페이지를 새로고침합니다.

  6. 네트워크 항목 지우기를 클릭합니다.

  7. Google Cloud 콘솔과 상호작용하여 문제를 재현합니다.

  8. 문제 재현이 완료되면 내보내기를 클릭하고 생성된 HAR 파일을 저장합니다.

그런 다음 저장된 HAR 파일을 지원 케이스에 첨부파일로 업로드할 수 있습니다.

성능 프로필 캡처

페이지 상호작용이나 렌더링이 느린 것과 같은 성능 문제가 발생하는 경우 브라우저 성능 프로필을 기록할 수 있습니다. 브라우저를 사용하여 성능 프로필을 캡처하고 저장하려면 다음 단계를 따르세요.

Chrome

Chrome DevTools 성능 패널을 사용합니다.

  1. Google Cloud 콘솔에서 문제가 발생하는 페이지로 이동합니다.

  2. Chrome DevTools를 엽니다. 페이지의 아무 곳이나 마우스 오른쪽 버튼으로 클릭하고 검사를 선택합니다.

  3. DevTools 패널에서 성능 탭을 선택합니다.

  4. 기록 및 새로고침을 클릭하고 Google Cloud 콘솔과 상호작용하여 문제를 재현합니다.

    프로파일러는 최대 10초 동안 또는 버퍼가 가득 찰 때까지 기록합니다. 문제를 포착하기 위해 더 긴 프로필을 녹화해야 하는 경우 녹화 및 중지를 클릭하여 녹화를 수동으로 제어할 수 있습니다.

  5. 프로필 녹화가 완료되면 프로필 저장 > 트레이스 저장을 클릭하고 생성된 파일을 저장합니다.

에지

Microsoft Edge DevTools 성능 도구를 사용합니다.

  1. Google Cloud 콘솔에서 문제가 발생하는 페이지로 이동합니다.

  2. Microsoft Edge DevTools를 엽니다. 페이지의 아무 곳이나 마우스 오른쪽 버튼으로 클릭하고 검사를 선택합니다.

  3. DevTools 패널에서 성능 탭을 선택합니다.

  4. 프로파일링 시작 및 페이지 새로고침을 클릭하고 Google Cloud 콘솔과 상호작용하여 문제를 재현합니다.

    프로파일러는 최대 10초 동안 또는 버퍼가 가득 찰 때까지 기록합니다. 문제를 포착하기 위해 더 긴 프로필을 녹화해야 하는 경우 녹화 및 중지를 클릭하여 녹화를 수동으로 제어할 수 있습니다.

  5. 프로필 녹화를 완료하면 프로필 저장을 클릭하고 생성된 파일을 저장합니다.

Firefox

Firefox 프로파일러를 사용합니다.

  1. Firefox 프로파일러 팝업을 사용 설정합니다. 이렇게 하면 프로파일러 아이콘이 Firefox 툴바에 추가됩니다.

  2. Google Cloud 콘솔에서 문제가 발생하는 페이지로 이동합니다.

  3. Firefox 프로파일러 메뉴를 엽니다. Firefox 툴바에서 프로파일러 아이콘 옆에 있는 화살표를 클릭합니다.

  4. 프로파일러 메뉴의 설정 필드에서 웹 개발자를 선택합니다.

  5. 녹화 시작을 클릭하고 웹페이지를 새로고침한 후 Google Cloud 콘솔과 상호작용하여 문제를 재현합니다.

    녹화를 중지하려면 Firefox 툴바에서 프로파일러 아이콘을 클릭합니다. 그러면 Firefox 프로파일러 웹 앱에 기록된 데이터가 포함된 새 탭이 열립니다.

  6. 로컬 프로필 업로드를 클릭하고 다운로드를 클릭한 후 생성된 파일을 저장합니다.

Safari

Safari Web Inspector 타임라인 탭을 사용합니다.

  1. Safari 개발자 도구를 사용 설정합니다.

  2. Google Cloud 콘솔에서 문제가 발생하는 페이지로 이동합니다.

  3. Safari Web Inspector를 엽니다. Safari 메뉴 바에서 Develop(개발자용) > Show Web Inspector(Web Inspector 표시)를 클릭합니다.

  4. 웹 인스펙터에서 타임라인 탭을 선택합니다.

  5. 페이지가 로드되면 녹화 중지를 선택합니다.

  6. 웹페이지를 새로고침하고 Google Cloud 콘솔과 상호작용하여 문제를 재현합니다.

    프로파일러는 최대 10초 동안 또는 버퍼가 가득 찰 때까지 기록합니다. 문제를 포착하기 위해 더 긴 프로필을 녹화해야 하는 경우 녹화 시작 및 녹화 중지를 클릭하여 녹화를 수동으로 제어할 수 있습니다.

  7. 프로필 녹음을 완료한 후 내보내기를 클릭하고 생성된 파일을 저장합니다.

그런 다음 저장된 성능 프로필을 지원 케이스에 첨부파일로 업로드할 수 있습니다.