logo标签列表

在Chrome DevTools中为网络请求添加断点？

google-chromegoogle-chrome-devtools
3

如何在Chrome DevTools中手动执行每个后续请求？我的意思是自动在每个请求之后添加断点。例如，我想获取下面表格中的第一行，然后单击某个按钮并获取第二行，以此类推...

enter image description here

1
这里有一个功能请求：crbug.com/1313861。如果您认为它有用，请点赞。 - Jecfish
1个回答
4

你可以在XHR/Fetch调用上设置事件监听器，当浏览器发出网络请求时，它将暂停代码的执行。

注意事项：

  1. 点击“Sources”选项卡 > 展开“XHR Breakpoints”面板。
  2. 点击“添加断点”。输入您想要中断的字符串。当这个字符串出现在XHR请求的URL中的任何位置时，DevTools会暂停。
  3. 按Enter键确认。

更多信息：https://www.canidev.tools/debug-xhr-fetch-calls/chrome

enter image description here

该方法会在第一次暂停之前同时进行多个查询。我已在这个stackoverflow页面上进行了测试。 - Neret
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接