読者です 読者をやめる 読者になる 読者になる

nFact

n!

Firefox 49のデベロッパーツールのネットワークタブに追加された「発生源」について試してみた

お久しぶりです。

9/20にFirefox 49がリリースされました。
Firefox 49.0 リリースノート

その中に、

ネットワークモニタに発生源の列が追加されました。ここには、ネットワークリクエストが発生した理由が表示されます

という記載があったので、早速使ってみました。

f:id:noko_k:20160921232624p:plain

F12キーを押して、デベロッパーツールを表示させた後、ネットワークタブを選択すると「発生源」が追加されているのが分かるかと思います。

画面上だと、
document, img, [JS]script, [JS]img... などと表示されていて、
JSアイコンがある部分は、マウスオーバーしたあとにクリックすることで どのJavascriptのコードでネットワーク通信が発生したかその場でソースコードにジャンプすることが出来るみたいです。

f:id:noko_k:20160921233416p:plain