使用chrome dev工具查找代码中的http请求

Question

有没有办法使用chrome dev工具查找http请求(ajax)的位置？我有一个大型项目,其中有许多请求发生在不同的文件中.我希望能够检查一个特定的请求,我在网络选项卡上找到了它,但似乎没有任何方法可以找到代码在此处开始的位置.

Answer 1

使用" 网络"面板中的" 启动器"列.单击Initiator单元格中的链接可转到发出请求的代码行.

如果看不到,请右键单击表头并选择Initiator.

您还可以Shift在将鼠标悬停在资源上时查看它的启动器.发起者是绿色的.依赖性是红色的.如果您看不到启动器,那么它当前在桌面上不可见(可能更高,过滤掉等)

MacPrawn的XHR Breakpoint理念也是一种很好的方法.

Answer 2

由于您在"网络"窗格中看到了请求,因此您可以获取该URL,然后在该URL上添加XHR断点:

(在"源"窗格右侧的断点面板中)

希望这可以帮助!