Chrome调试之XHR/Fetch断点

chaoLucky 2022年11月21日 990次浏览

ChromeXHR/Fetch断点

chrome开发工具有很多种打断点的方法,可以在source中点击行号,也可以在代码中写debugger,刚学到了一种新的断点方法:

在chrome的source面板中,右侧找到XHR/fetch Breapoints,点击右边的+号,然后输入调用接口的地址
,下次只要请求到改地址,就会自动进入断点,

breakpoints

但是,这种情况会有一个问题,假如封装好的调用方法,会断点在最后调用的地方,这个也有解决办法:
找到右侧的callstack来找调用栈,去找到发起的地方。

具体的项目寻找方式可能有所不同,还需要结合具体的项目灵活的寻找。