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

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

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

HAR 파일 캡처

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

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

Chrome

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

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

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

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

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

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

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

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

에지

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

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

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

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

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

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

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

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

Firefox

Firefox DevTools 네트워크 모니터를 사용합니다.

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

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

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

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

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

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

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

Safari

Safari Web Inspector 네트워크 탭을 사용합니다.

  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. Start Recording(기록 시작)을 클릭하고 웹페이지를 새로고침한 다음 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. 프로필 녹화를 완료하면 내보내기를 클릭하고 생성된 파일을 저장합니다.

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