web-dev-qa-db-ja.com

chrome dev toolsを使用して、httpリクエストが行われたコードの場所を検索

chrome devツールを使用してhttpリクエスト(ajax)が行われた場所を見つける方法はありますか?異なるファイルで多くのリクエストが発生する大規模なプロジェクトがあります。特定のリクエストがあります。検査できるように、[ネットワーク]タブで見つけましたが、コード内でこのリクエストが開始された場所を見つける方法はないようです。

30
StackOverMySoul

NetworkパネルのInitiator列を使用します。イニシエータセルのリンクをクリックすると、リクエストが行われたコード行に移動します。

initiator column

表示されない場合は、テーブルヘッダーを右クリックして、Initiatorを選択します。

また、保持することができます Shift リソースにカーソルを合わせて、そのイニシエーターを確認します。イニシエーターは緑色です。依存関係は赤です。イニシエーターが表示されない場合、現在はテーブルに表示されていません(上にある、フィルターで除外されているなど)

MacPrawnのXHRブレークポイントアイデア も良いアプローチです。

46
Kayce Basques

[ネットワーク]ペインにリクエストが表示されているので、URLを取得して、そのURLにXHRブレークポイントを追加できます。

In the breakpoint panel, on the right of the "Sources" pane

(ブレークポイントパネルの[ソース]ペインの右側)

お役に立てれば!

13
MacPrawn