web-dev-qa-db-ja.com

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

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

完全なURIが表示されますifリンクにカーソルを合わせて少し待つと、これは信じられないほど逆効果になります。

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

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

...など.

AJAX=を幅広く使用しているため、ネットワークタブには「ajax.php」が表示されていますが、探しているリクエストを見つけるには、すべてのエントリに手動でカーソルを合わせる必要があります。

きっと別の方法があるはず!?

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

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

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

Screenshot

48
Lev

一部の列には、1次フィールドと2次フィールド(例えば、時間と待ち時間)が含まれています。大きなリソース行を含むネットワークテーブルを表示すると、両方のフィールドが表示されます。小さなリソース行を使用する場合、プライマリフィールドのみが表示されます。

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

Chrome dev tools screenshot 新しいバージョンのChrome=ここでは非表示になっています: Chrome dev tools screenshot new step 1Chrome dev tools screenshot new step 2

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

43
rofrol

これは現在不可能です。ただし、Chrome Dev tools(eg https://developers.google.com/chrome-developer-tools/ )で行われているアクティブな作業があり、この機能のオプションを提案できます。

4
eb80

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

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

完全なURLを表示するには:

  • Inspect> Network> Right-Click> Save As HARでHARファイルを保存/エクスポートします。
  • HARを HARアナライザー にロードします。
  • 必要に応じてソート/フィルタリングするか、テーブルのセル/行を強調表示してコピー/貼り付けします。
2

この機能がFirefoxで利用できるようになったことを嬉しく思います。

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

Firefox Nightly 69はそれを行うことができます。列を右クリックして、URLを選択します。

FF 69

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

1
Maxim

これはChromeでできることではありません。さらに、開発者パネルに加えられる変更についてのWordはありませんでしたので、これがすぐに追加されるとは思いません。

0
soandos