断続的な問題のネットワーク情報の収集 Issue <!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: #000000; } span { font-size: 12pt; font-family: Lato; color: #000000; } h2 { font-size: 24pt; font-family: Lato; color: black; } h3 { font-size: 18pt; font-family: Lato; color: black; } h4 { font-size: 14pt; font-family: Lato; color: black; } a { font-size: 12pt; font-family: Lato; color: #00718F; } a:hover { font-size: 12pt; color: #024F69; } a:target { font-size: 12pt; color: #032D42; } a:visited { font-size: 12pt; color: #7057C7; } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: block; max-width: ; width: auto; height: auto; } } この記事では、アプリケーションログファイルに記録されていない断続的な問題をテクニカルサポートが診断できるように、クライアント側のネットワーク情報を収集する方法について簡単に説明します。 Release<!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: #000000; } span { font-size: 12pt; font-family: Lato; color: #000000; } h2 { font-size: 24pt; font-family: Lato; color: black; } h3 { font-size: 18pt; font-family: Lato; color: black; } h4 { font-size: 14pt; font-family: Lato; color: black; } a { font-size: 12pt; font-family: Lato; color: #00718F; } a:hover { font-size: 12pt; color: #024F69; } a:target { font-size: 12pt; color: #032D42; } a:visited { font-size: 12pt; color: #7057C7; } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: block; max-width: ; width: auto; height: auto; } } Cause<!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: #000000; } span { font-size: 12pt; font-family: Lato; color: #000000; } h2 { font-size: 24pt; font-family: Lato; color: black; } h3 { font-size: 18pt; font-family: Lato; color: black; } h4 { font-size: 14pt; font-family: Lato; color: black; } a { font-size: 12pt; font-family: Lato; color: #00718F; } a:hover { font-size: 12pt; color: #024F69; } a:target { font-size: 12pt; color: #032D42; } a:visited { font-size: 12pt; color: #7057C7; } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: block; max-width: ; width: auto; height: auto; } } これは通常、コンソールエラーやネットワークの問題が原因である可能性があるケースに適用されます。 Resolution<!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: #000000; } span { font-size: 12pt; font-family: Lato; color: #000000; } h2 { font-size: 24pt; font-family: Lato; color: black; } h3 { font-size: 18pt; font-family: Lato; color: black; } h4 { font-size: 14pt; font-family: Lato; color: black; } a { font-size: 12pt; font-family: Lato; color: #00718F; } a:hover { font-size: 12pt; color: #024F69; } a:target { font-size: 12pt; color: #032D42; } a:visited { font-size: 12pt; color: #7057C7; } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: block; max-width: ; width: auto; height: auto; } } 手順 (Chrome) 注: 他のブラウザーでも同様の手順を実行できますが、ボタンが若干異なる場合があります。Internet Explorer から HAR をコピーすることはできません。 問題を再現するタブで、 Chromeオプション (右上隅) >[その他のツール]>[開発者ツール]に移動します。開発者ツールの右上にある [オプション] メニュー (3 つのドット) をクリックし、[ 別のウィンドウでドッキング解除] オプションを選択します。この選択肢により、作業を中断することなくツールをバックグラウンドで使用できます。開発者ツールの上部にある [ネットワーク] タブを選択します。ログを保存チェックボックスをオンにします。この設定により、Chromeの特定のタブのすべてのネットワークトラフィックが収集されるため、問題のあるタブでこれらの手順を完了する必要があります。その時点で、開発ツールをバックグラウンドに移動できます。問題が発生したら、要求名があるネットワークセクションを右クリックし、[コンテンツ付きのHARを保存]を選択します。このファイルは、ツールを開いている時間に応じて大きくなります。したがって、問題が断続的に発生する場合は、 クリア ボタンをクリックして、数分ごとにログをクリアしてみてください。 手順 (Firefox) Ctrl+Shift+E を押して、ネットワーク開発者ツールを表示します。問題を再現します。結果のウォーターフォールの任意の場所を右クリックし、コンテキストメニューでHARとして保存を選択します。ファイル名にはファイル拡張子 .har を必ず追加してください。 手順 (エッジ) F12 キーを押します。コンポーネントが画面の下部に表示されます。[ネットワーク]タブをクリックし、緑色の三角形の[再生]ボタンを押します。問題を再現します。保存するには、赤い四角い停止ボタンを押して、すぐ右にある円盤の矢印アイコンをクリックします。 Microsoft Edge のみが HAR 形式をサポートしています。IE では、XML または CSV ファイルとしてのみエクスポートできます。CSV ファイルは、Excel などのスプレッドシート ツールで表示することも、Chrome 拡張機能の HTTP アーカイブ ビューアなど、HTTP アーカイブ ファイルを読み取ることができる任意のツールで表示することもできます HARファイルログを表示する手順(Chrome) HAR ファイルログを表示するには、ビューアアプリケーションが必要です。 Google Chrome 拡張機能の HTTP アーカイブビューアーをインストールするか、http://www.softwareishard.com/har/viewer/ からこのビューアーをダウンロードします。処理前にデータを検証しますか? [プレビュー] ボックス内に HAR ファイルをドラッグします。