Chromeの開発者ツールの[ネットワーク]タブに完全なURI / URLを表示する

Chromeを使用してデバッグする場合、開発者ツールの[ネットワーク]タブに完全なリクエストURIを表示する方法がわからないため、効率を上げるのは非常に困難です。

これは、完全なURIが表示されます場合は、あなたがリンクを置いて、秒を待つが、これは信じられないほど逆効果です。

私のAJAXリクエストはすべてajax.phpに送信され、次のようなクエリ文字列引数を使用して処理されます。

ajax.php?do=profile-set
ajax.php?do=game-save

...など

AJAXを広く使用しているため、ネットワークタブには「ajax.php」が表示されますが、探しているリクエストを見つけるには、各エントリを手動でホバーする必要があります。

きっと別の方法があるはずです！？

私は常にFirefoxの新しいものにうんざりしていて、すぐにChromeに戻りますが、Chromeの開発者ツールが常にそれを長期間使用できないようにしています。

numero unoとしてChromeを使い続けることができるように、これを行う方法を見つけることができれば幸いです。

私が意味するところを示すためにスクリーンショットを提供しました：

一部の列には、プライマリフィールドとセカンダリフィールドが含まれています（たとえば、時間と待ち時間）。大きなリソース行を持つネットワークテーブルを表示すると、両方のフィールドが表示されます。小さなリソース行を使用する場合、プライマリフィールドのみが表示されます。

https://developer.chrome.com/devtools/docs/network#network-panel-overview

Chromeの新しいバージョンでは、ここに隠されています：

https://developer.chrome.com/devtools/docs/network#changing-resource-row-sizes

これは現在不可能です。ただし、Chrome Devツール（https://developers.google.com/chrome-developer-tools/など）で実行中の作業があり、この機能のオプションを提案できます。

ChromeとFirefoxの両方で、右クリックしてネットワーク情報をHAR（HTTPアーカイブ）として保存できます。そのHARファイルは、スクリプトまたはいくつかのHARビューアのいずれかを使用して手動で処理でき、完全なURLが含まれています。

Googleには、各リクエストの完全なURLを表示する優れたオンラインHARリーダーがあります：https : //toolbox.googleapps.com/apps/har_analyzer/

したがって、完全なURLを表示するには：

• Inspect> Network>右クリック> Save As HARでHARファイルを保存/エクスポートします。
• HARをHAR Analyzerにロードします。
• 必要に応じて並べ替え/フィルタリングするか、テーブルのセル/行を強調表示してコピー/貼り付けします。

この機能がFirefoxで利用可能になったことをお知らせします。

私はそれがChromeではないことを知っていますが、私にとっては良いイベントです。

Firefox Nightly 69はそれを可能にします。列を右クリックして、URLを選択します。

https://bugzilla.mozilla.org/show_bug.cgi?id=1341155

これはChromeでできることではありません。ごめんなさい。さらに、開発者パネルに加えられる変更については何も発表されていないため、これがすぐに追加されるとは思わないでしょう。