コンテンツまでスキップ
日本語
サインイン
メインサイト
  • 検索フィールドが空なので、候補はありません。

[PRA][ZTA] トラブルシューティング用のブラウザトレースのキャプチャ方法

Safous ポータルの User Portal または Admin Portal の問題についてトラブルシューティングを行い、Safous サポートに連絡する必要がある際に、いくつかの追加情報をキャプチャする必要があります。たとえば、ブラウザのトレース、操作手順の記録、コンソールログの出力などがあります。これらの情報は問題が発生したときにポータルで何が起こっているかを正確に把握するために重要です。

ブラウザのトレースには機密情報が含まれていることが多く、IDにリンクされている認証トークンが含まれている場合があります。共有されているトレースファイルに、機密情報が含まれていないことを確認することをお勧めします。

Admin Portal へのサインインに関連する問題を調査する場合など、場合によってはSafous のサポートが、この機密情報を含むトレースファイルを要求する場合があります。Safousサポートは、トラブルシューティングのためだけにこれらのトレースを使用します。

サポートされているブラウザのトレースは、Microsoft Edge、Google Chrome、Safari（Mac上）、Firefox でキャプチャできます。ブラウザごとの手順を以下にご案内します。

Microsoft Edge

次の手順では、Microsoft Edge の開発者ツールを使用してブラウザのトレースをキャプチャする方法をご案内します。詳細については、Microsoft Edge DevTools を参照してください。

  1. Safousポータル（Admin Portal またはUser Portal ）にサインインします。トレースにアカウントに関連する機密情報が含まれていないように、トレースを開始する前にサインインすることが重要です。
  2. Clipchampを使用して、ポータルで行った手順の記録を開始します。
  3. ポータルで、問題が発生する前のステップに移動します。
  4. F12 を押すと、Microsoft Edge DevTools が起動しますMore tools > Developer tools の下にあるツールバーメニューからも起動することができます。
  5. デフォルトでは、ブラウザは現在ロードされているページのトレース情報のみを保持します。仮にトラブルを再現する過程で1つ以上のページにアクセスする必要があっても、次のオプションを設定して、ブラウザがすべてのトレース情報を保持するようにします。
    1. Console タブからConsole settings、さらにPreserve Log を選択します。
      Screenshot that highlights the Preserve log option on the Console tab in Edge.
    2. Network タブを選択します。このタブが表示されない場合は、More tools (+)ボタンをクリックしてNetwork を選択します。次に、Network タブからPreserve logを選択します。 
      Screenshot that highlights the Preserve log option on the Network tab in Edge.
  6. Networkタブで、Stop recording network log とClear を選択します。
    Screenshot showing the Stop recording network log and Clear options on the Network tab in Edge.

  7. Record network log を選択し、ポータルで問題を再現します。 
    Screenshot showing how to record the network log in Edge.

  8. 予期しないポータルの動作を再現したら、Stop recording network log を選択しExport HAR (sanitized)...を選択してファイルを保存します。 Export HAR アイコンが表示されない場合は、Edge 開発者ツールウィンドウの幅を展開してください。
    Screenshot showing how to Export HAR on the Network tab in Edge.

  9. Clipchampを停止し、レコーディングを保存します。
  10. ブラウザ開発者ツールのパネルに戻り、Console タブを選択します。メッセージの1つを右クリックし、Save as... を選択し、コンソール出力をテキストファイルに保存します。
  11. ブラウザトレースのHARファイル、コンソール出力、および画面記録ファイルを、zipなどの形式で圧縮します。
  12. 圧縮されたファイルをSafousサポートと共有します。

 

Google Chrome

次の手順では、Google Chrome で開発者ツールを使用してブラウザのトレースをキャプチャする方法をご案内します。詳細については、Chrome DevTools を参照してください。

  1. Safousポータル（Admin Portal またはUser Portal ）にサインインします。トレースにアカウントに関連する機密情報が含まれていないように、トレースを開始する前にサインインすることが重要です。
  2. Clipchamp を使用して、ポータルで行った手順の記録を開始します。
  3. ポータルで、問題が発生する前のステップに移動します。
  4. F12を押して開発者ツールを起動します。More tools > Developer tools の下にあるツールバーメニューからツールを起動することもできます。
  5. デフォルトでは、ブラウザは現在ロードされているページのトレース情報のみを保持します。仮にトラブルを再現する過程で1つ以上のページにアクセスする必要があっても、次のオプションを設定して、ブラウザがすべてのトレース情報を保持するようにします。
    1. Console タブからConsole settings、さらにPreserve Log を選択します。
      Screenshot that highlights the Preserve log option on the Console tab in Chrome.

    2. Network タブを選択し、続いてPreserve log を選択します。
      Screenshot that highlights the Preserve log option on the Network tab in Chrome.

  6. Networkタブで、Stop recording network log とClear を選択します。
    Screenshot showing the Stop recording network log and Clear options on the Network tab in Chrome.

  7. Record network log を選択し、ポータルで問題を再現します。
    Screenshot that shows how to record the network log in Chrome.

  8. 予期しないポータルの動作を再現したら、Stop recording network log を選択しExport HAR (sanitized)...を選択してファイルを保存します。

    Screenshot that shows how to export a HAR file on the Network tab in Chrome.

  9. ステップレコーダーを停止し、レコーディングを保存します。
  10. ブラウザ開発者ツールのパネルに戻り、Console タブを選択します。メッセージの1つを右クリックし、Save as... を選択し、コンソール出力をテキストファイルに保存します。
  11. ブラウザトレースのHARファイル、コンソール出力、および画面記録ファイルを、zipなどの形式で圧縮します。
  12. 圧縮されたファイルをSafousサポートと共有します。

 

Safari

次の手順では、Mac 上の Apple Safari で開発者ツールを使用する方法をご案内します。詳細については、Safari Developer Tools を参照してください。

  1. Safariで開発者ツールを有効にします。
    1. Safari を選択し、Preferences（環境設定 ）を選択します。
    2. Advanced（詳細設定 ）タブからShow Develop menu in menu bar を選択します。
      Screenshot of the Safari Advanced Preferences options.
  2. Safousポータル(Admin PortalまたはUser Portal)にサインインします。トレースにアカウントに関連する機密情報が含まれていないように、トレースを開始する前にサインインすることが重要です。
  3. ポータルで行った手順の記録を開始します。詳細については、Macで画面を記録する方法を参照してください。
  4. ポータルで、問題が発生する前のステップに移動します。
  5. Develop を選択し、続いてShow Web Inspector を選択します。
    Screenshot of the Show Web Inspector option on the Safari Develop menu. 
  6. デフォルトでは、ブラウザは現在ロードされているページのトレース情報のみを保持します。仮にトラブルを再現する過程で1つ以上のページにアクセスする必要があっても、次のオプションを設定して、ブラウザがすべてのトレース情報を保持するようにします。 
    1. Console タブからPreserve Log を選択します。
      Screenshot of the Preserve Log option in the Console tab on Safari.
    2. Network タブを選択し、続いてPreserve log を選択します。
      Screenshot of the Preserve Log option in the Network tab on Safari.
    3. Networkタブで、Clear Network Itemsを選択します。
      Screenshot of the Clear Network Items option in the Network tab on Safari.
  7. ポータルで問題を再現します。
  8. 予期しないポータルの動作を再現したら、Export を選択してファイルを保存します。
    Screenshot of the Export command in the Network tab on Safari.
  9. スクリーンレコーダーを停止し、レコーディングを保存します。
  10. ブラウザ開発者ツールのパネルに戻り、Console タブを選択してウィンドウを展開します。コンソール出力の先頭にカーソルを置き、出力の内容全体をドラッグして選択します。Command-C を使用して出力をコピーし、テキストファイルに保存します。
  11. ブラウザトレースのHARファイル、コンソール出力、および画面記録ファイルを、zipなどの形式で圧縮します。
  12. 圧縮されたファイルをSafous サポートと共有します。

 

Firefox

次の手順は、Firefoxで開発者ツールを使用する方法をご案内します。詳細については、Firefox DevTools ユーザドキュメントを参照してください。

  1. Safousポータル(Admin PortalまたはUser Portal)にサインインします。トレースにアカウントに関連する機密情報が含まれていないように、トレースを開始する前にサインインすることが重要です。
  2. ポータルで行った手順の記録を開始します。WindowsでClipchampを使用するか、Macで画面を記録する方法を参照してください。How to record the screen on your Mac
  3. ポータルで、問題が発生する前にステップに移動します。
  4. F12を押して開発者ツールを起動します。More tools > Web developer toolsの下にあるツールバーメニューからツールを起動することもできます。
  5. デフォルトでは、ブラウザは現在ロードされているページのトレース情報のみを保持します。仮にトラブルを再現する過程で1つ以上のページにアクセスする必要があっても、次のオプションを設定して、ブラウザがすべてのトレース情報を保持するようにします：
    1. ConsoleタブからSettingsアイコンを選択し、Persist Logs を選択します。
      Screenshot of the Console setting for Persist Logs in Firefox
    2. NetworkタブからSettingsアイコンを選択し、Persist Logs を選択します。
      Screenshot of the Network setting for Persist Logs in Firefox.
  6. NetworkタブでClear を選択します。
    Screenshot of the Clear option on the Network tab in Firefox.
  7. ポータルで問題を再現します。
  8. 予期しないポータルの動作を再現したら、Save All As HAR を選択します。
    Screenshot of the Save All As HAR command on the Network tab in Firefox.
  9. WindowsでClipchampを停止するか、Macで画面録画を停止し、レコーディングを保存します。
  10. ブラウザ開発者ツールのパネルに戻り、Console タブを選択します。いずれかのメッセージを右クリックし、Save All Messages to File を選択し、コンソールの出力をテキストファイルに保存します。
  11. ブラウザトレースのHARファイル、コンソール出力、および画面記録ファイルをzipなどの形式で圧縮します。
  12. 圧縮されたファイルをSafousサポートと共有します。