ブラウザのトレース情報をキャプチャする

ウェブベースの 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 ファイルを保存します。

Edge

Microsoft Edge DevTools のネットワーク ツールを使用します。

  1. Google Cloud コンソールで、問題が発生しているページに移動します。

  2. Microsoft Edge DevTools を開きます。ページ上の任意の場所を右クリックし、[検証] を選択します。

  3. DevTools パネルで、[ネットワーク] タブを選択します。ツールはネットワーク アクティビティの記録を自動的に開始します。

  4. [ログを保持] を選択します。

  5. [ ネットワーク ログを消去] をクリックします。

  6. Google Cloud コンソールを使用して問題を再現します。

  7. 問題の再現が完了したら、[ HAR をエクスポート] をクリックして、生成された HAR ファイルを保存します。

Firefox

Firefox DevTools ネットワーク モニターを使用する:

  1. Google Cloud コンソールで、問題が発生しているページに移動します。

  2. Firefox DevTools を開きます。ページ上の任意の場所を右クリックし、[検証] を選択します。

  3. DevTools パネルで、[ネットワーク] タブを選択します。ツールはネットワーク アクティビティの記録を自動的に開始します。

  4. [設定] をクリックし、[ログを保持する] を選択します。

  5. [消去] をクリックします。

  6. Google Cloud コンソールを使用して問題を再現します。

  7. 問題の再現が完了したら、 [設定 > すべてを HAR として保存] をクリックして、生成された HAR ファイルを保存します。

Safari

Safari ウェブ インスペクタの [ネットワーク] タブを使用する:

  1. Safari デベロッパー ツールを有効にします

  2. Google Cloud コンソールで、問題が発生しているページに移動します。

  3. Safari ウェブ インスペクタを開く: Safari のメニューバーで、[開発] > [ウェブ インスペクタを表示] をクリックします。

  4. ウェブ インスペクタで [ネットワーク] タブを選択します。ツールがネットワーク アクティビティの記録を自動的に開始します。

  5. [Preserve Log] を選択し、ウェブページを再読み込みします。

  6. [ ネットワーク アイテムを消去] をクリックします。

  7. Google Cloud コンソールを使用して問題を再現します。

  8. 問題の再現が完了したら、[エクスポート] をクリックして、生成された HAR ファイルを保存します。

保存した HAR ファイルをサポートケースに添付ファイルとしてアップロードできます。

パフォーマンス プロファイルをキャプチャする

ページ操作やレンダリングの遅延などのパフォーマンスの問題が発生している場合は、ブラウザのパフォーマンス プロファイルを記録できます。ブラウザを使用してパフォーマンス プロファイルをキャプチャして保存する手順は次のとおりです。

Chrome

Chrome DevTools の [パフォーマンス] パネルを使用する:

  1. Google Cloud コンソールで、問題が発生しているページに移動します。

  2. Chrome DevTools を開きます。ページ上の任意の場所を右クリックし、[検証] を選択します。

  3. DevTools パネルで、[パフォーマンス] タブを選択します。

  4. [ Record and reload] をクリックし、 Google Cloud コンソールで操作して問題を再現します。

    プロファイラは、最大 10 秒間、またはバッファがいっぱいになるまで記録します。問題をキャプチャするために長いプロファイルを録画する必要がある場合は、 [録画] と [停止] をクリックして、録画を手動で制御できます。

  5. プロファイルの記録が完了したら、 [プロファイルを保存 > トレースを保存] をクリックして、生成されたファイルを保存します。

Edge

Microsoft Edge DevTools のパフォーマンス ツールを使用します。

  1. Google Cloud コンソールで、問題が発生しているページに移動します。

  2. Microsoft Edge DevTools を開きます。ページ上の任意の場所を右クリックし、[検証] を選択します。

  3. DevTools パネルで、[パフォーマンス] タブを選択します。

  4. [ プロファイリングを開始してページを再読み込み] をクリックし、 Google Cloud コンソールで操作して問題を再現します。

    プロファイラは、最大 10 秒間、またはバッファがいっぱいになるまで記録します。問題をキャプチャするために長いプロファイルを録画する必要がある場合は、 [録画] と [停止] をクリックして、録画を手動で制御できます。

  5. プロファイルの録音が完了したら、[ Save profile] をクリックして、生成されたファイルを保存します。

Firefox

Firefox プロファイラを使用する:

  1. Firefox Profiler ポップアップを有効にする。これにより、Firefox ツールバーにプロファイラ アイコンが追加されます。

  2. Google Cloud コンソールで、問題が発生しているページに移動します。

  3. Firefox プロファイラ メニューを開きます。Firefox ツールバーで、プロファイラ アイコンの横にある矢印をクリックします。

  4. プロファイラ メニューの [設定] フィールドで、[ウェブ デベロッパー] を選択します。

  5. [Start Recording] をクリックしてウェブページを再読み込みし、 Google Cloud コンソールで操作して問題を再現します。

    録画を停止するには、Firefox ツールバーのプロファイラ アイコンをクリックします。これで、Firefox プロファイラ ウェブアプリに、記録されたデータを含む新しいタブが開きます。

  6. [ローカル プロファイルをアップロード]、[ダウンロード] の順にクリックし、生成されたファイルを保存します。

Safari

Safari ウェブ インスペクタのタイムライン タブを使用する:

  1. Safari デベロッパー ツールを有効にします

  2. Google Cloud コンソールで、問題が発生しているページに移動します。

  3. Safari ウェブ インスペクタを開く: Safari のメニューバーで、[開発] > [ウェブ インスペクタを表示] をクリックします。

  4. ウェブ インスペクタで [タイムライン] タブを選択します。

  5. [ページの読み込み後に録画を停止] を選択します。

  6. ウェブページを再読み込みし、 Google Cloud コンソールを使用して問題を再現します。

    プロファイラは、最大 10 秒間、またはバッファがいっぱいになるまで記録します。問題をキャプチャするために長いプロファイルを録画する必要がある場合は、 [録画を開始] と [録画を停止] をクリックして、録画を手動で制御できます。

  7. プロファイルの録音が完了したら、[エクスポート] をクリックして、生成されたファイルを保存します。

保存したパフォーマンス プロファイルは、サポートケースに添付ファイルとしてアップロードできます。