2017-01-03 1 views
9

chrome開発ツールを使用してhttpリクエスト(ajax)が作成された場所を見つける方法はありますか? 私は、さまざまなファイルで多くのリクエストが発生する大きなプロジェクトを持っています。私が調べることができる特定の要求があります、私はそれをネットワークタブで見つけましたが、コード内でこの要求がどこで開始されたのかを見つける方法がないようです。コード内でchrome devツールを使用してhttpリクエストが行われた場所を見つけよう

+0

イニシエータカラムは常に 'jquery.min.js#1' '$ .ajax'が使われているとします。私はDevToolsが 'xhr.send()'が使った行でスクリプトを報告していると思います。 –

+0

[ネットワーク]タブの[開始者]列。 –

+0

一般的なAJAX関数がある場合は、[arguments.caller'](https://developer.mozilla.org/en-US/docs/)を利用してデバッグする 'console.log()'を使うことができます – MayorMonty

答えて

12

イニシエータカラムネットワークパネルを使用してください。イニシエータセルのリンクをクリックすると、要求が行われたコード行に移動します。

initiator column

あなたがそれを見ることができない場合は、表の見出しを右クリックして、イニシエータを選択します。

また、Shiftをホールドしてリソースをホバリングし、イニシエータを確認することもできます。開始剤は緑色である。依存関係は赤です。イニシエータが見えない場合は、現在テーブル上に表示されていません(上位にある可能性があります、フィルタされたものなど)

+0

それはうまくいって、何とか私はそのコラムを逃した。 ありがとう! – StackOverMySoul

+0

Duuuuude !!!この列はデフォルトで隠されています...それは間違っています... – Cipi

-1

チェックこのクロム拡張:

https://chrome.google.com/webstore/detail/ajax-debugger/lgfefckpdealogpcfjdhinecfbcgedam

あなたの問題が解決されている場合を教えてください! :D

+0

壊れた場合のために、あなたが含むリンクについての情報を含めることが一般的には良い習慣です。 – MayorMonty

+0

これは、要求を開始した正確な場所(行コード)を教えてくれません。同じ情報をネットワークタブから取得できます。 –

5

あなたは、要求が[ネットワーク]ペインで行われて表示されるので、URLを取得し、そのURLにXHRブレークポイントを追加することができます。

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

(ブレークポイントのパネルで、上「ソース」ペインの右側)

関連する問題