javascript - 使用 chrome 开发工具在代码中找到 http 请求的位置

标签 javascript google-chrome google-chrome-devtools

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

最佳答案

使用 Network 面板中的 Initiator 列。单击启动器单元格中的链接会将您带到发出请求的代码行。

initiator column

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

您还可以在将鼠标悬停在资源上时按住 Shift 以查看它的发起者。发起者是绿色的。依赖项是红色的。如果您看不到发起者,那么它目前在表格中不可见(可能更高,被过滤掉等)

MacPrawn's XHR Breakpoint idea也是一个好方法。

关于javascript - 使用 chrome 开发工具在代码中找到 http 请求的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41451915/

相关文章:

javascript - Chrome 扩展 - 从上下文菜单访问 chrome.devtools.inspectedWindow

html - Chrome下无法查看缓存文件

javascript - $.isEmptyObject 在 if 语句中不起作用

javascript - 将两行连接成一行时自动删除空格

javascript - 使用 Chrome Storage API 在本地存储中存储和检索数据

css - Chrome 在使用 appcache 时阻止对谷歌字体的请求

jquery - 为什么 jQuery 在 Chrome 用户脚本 (Greasemonkey) 中不起作用?

javascript - 以编程方式取消选中复选框不会更新 Angular 模型

php - Mysql 和 onbeforeunload

google-chrome-devtools - 删除导航到 chrome 控制台中的消息