LiferayサポートのHARファイルを生成する方法

HTTP アーカイブ (HAR) ファイルは、ユーザーのブラウザとサイト間の情報を追跡するために使用されるフォーマットです。 ロード時間の遅さ、ページのレンダリング、その他のボトルネックなどのパフォーマンスの問題を特定するために使用することができます。 これは、ファイルがリソースの負荷を追跡し、これらのリソースをロード/実行するのにかかる時間を追跡するためです。

Liferayサポートが時々依頼することがある素晴らしい診断ツールです。 使用しているブラウザに応じて、以下のような手順でHARファイルを生成することができます。

決議

クローム

  1. 開発者ツール" を以下のいずれかの方法で開きます。
    • Keyboard Shortcut:
      • OS X. ⌘So_2325 丸紅株式会社
      • Linux。 Ctrl Shift i
      • Windows. F12
    • クロームメニュー。
      • ブラウザ ウィンドウの右上にある Chrome Menu をクリックし、 ツール > デベロッパー ツールを選択します。
  2. 開発ツールネットワーク タブに移動します。
  3. ページのリソースをキャッシュしないようにするには、 キャッシュを無効にする オプションにチェックを入れます。
  4. ページをリフレッシュ ブラウザからサーバへのトラフィックのキャプチャを開始します。

    注意: 動作前に行われたリクエストをレビューできるように、フルページロードをキャプチャしてください。

  5. 問題を実証する、または問題を誘発するステップを試みる/実行する。
  6. ネットワークレコード領域を右クリックし、"コンテンツをHARとして保存" を選択します。
  7. HARファイルをLiferayサポートに送信する前に、パスワードや秘密などの機密情報を必ず削除/修正してください。

ファイアフォックス

  1. ツール > Web Developer > ネットワークに移動します。
  2. ページをリフレッシュ ブラウザからサーバへのトラフィックのキャプチャを開始します。

    注意: 動作前に行われたリクエストを確認できるように、ページの全負荷をキャプチャしてください。

  3. 問題を実証する、または問題を誘発するステップを試みる/実行する。
  4. エクスポート に続いて 名前を付けて保存... をクリックします。 をクリックしてHARファイルを保存します。
  5. HARファイルをLiferayサポートに送信する前に、パスワードや秘密などの機密情報を必ず削除/修正してください。

インターネットエクスプローラ

Internet Explorerは、HAR出力ファイルをネイティブに提供していません。 このように、 HTTPWatch のようなサードパーティ製のプログラムを代わりに使用することもできます。

  • HttpWatchをダウンロードしてインストールします。
  • 問題を再現する前に HttpWatch のキャプチャを開始します。
  • 問題を再現した後、HttpWatchのキャプチャを停止します。
  • キャプチャをHAR形式にエクスポートします。

エッジ

  1. F12 キーボードショートカットを使用して、"Developer Tools" にアクセスします。

  2. Refresh ブラウザからサーバへのトラフィックのキャプチャを開始するページ。

    注意: 動作前に行われたリクエストを確認できるように、ページの全負荷をキャプチャしてください。

  3. 問題を実証する、または問題を誘発するステップを試みる/実行する。
  4. HARとしてエクスポート (Developer Toolsの停止ボタンの横にあるフロッピーボタン)をクリックし、 名前を付けて保存...をクリックします。 でHARファイルを保存します。をクリックします。
  5. HARファイルをLiferayサポートに送信する前に、パスワードや秘密などの機密情報を必ず削除/修正してください。

サファリ

  1. デベロッパーツール に移動し、"録画タイムラインの開始" を選択します。
  2. 録音するすべての楽器のタイムラインを選択.
  3. Refresh ブラウザからサーバへのトラフィックのキャプチャを開始するページ。

    注意: 動作前に行われたリクエストを確認できるように、ページの全負荷をキャプチャしてください。

  4. 問題を実証する、または問題を誘発するステップを試みる/実行する。
  5. 保存をクリックします。 (下向きの矢印のついた円。

追加情報

この記事は役に立ちましたか?
1人中1人がこの記事が役に立ったと言っています