LoginSignup
12
13

More than 5 years have passed since last update.

このXHR誰が飛ばしたの?ってときのXHR Breakpoints

Posted at

はじめに

え、今更?って思われる人も多々いるかと思いますが、今更知りました。
ちゃんとdevtoolsの勉強もしないといけませんよね。。。
業務でBackboneを使っているんですけど、お恥ずかしいことにたまに「このXHR誰が投げてるんだろ?」ってなることがあります。ソースを追えばいいんですけど、Chromeに XHR Breakpointsなる便利機能があります。

XHR Breakpoints

Developer Toolsを開いてSourcesタブに行くと、右側のメニューにXHR Breakpointsという項目があります。ここに、注目したいXHRのURLに含まれる文字列を指定することで、そのXHRが発火するタイミングBreakしてくれるんです。

xhr-breakpoints.png

実際にBreakしたときの例↓

xhr-breakpoints2.png

便利ですね!

参考

Developer Toolsに関する良記事もあるので、勉強しないとですね!

12
13
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
12
13