使用Chrome开发者工具在每次请求之前提示

时间:2017-07-18 09:30:58

标签: google-chrome breakpoints developer-tools

谷歌Chrome开发者工具是否可以在每个请求(css,javascript,图像等)类似于JavaScript断点之前暂停?

例如:

GET http://example.com
PAUSE...
GET http://example.com/css/styles.css
PAUSE...
GET http://example.com/js/scripts.js

这可能有助于在请求执行之前获取请求的URL。

2 个答案:

答案 0 :(得分:2)

您可以使用扩展程序执行此操作。 我发现了这个https://chrome.google.com/webstore/detail/tamper-chrome-extension/hifhgpdkfodlpnlmlnmhchnkepplebkb/related?hl=en

请参阅README.me https://github.com/google/tamperchrome/blob/master/README.md了解如何使用它。

基本上,一旦您安装了扩展程序:

  1. 转到开发者控制台
  2. 选择防拆面板
  3. 检查阻止/重新路由请求
  4. 重新加载您的网页及其
  5. 篡改将逐一阻止每个请求并询问您如何处理它;)

答案 1 :(得分:1)

Chrome 调试器实际上在 DevTools 窗口中的源选项卡的侧面板上有一个 XHR/fetch 断点复选框。如果你勾选它,它实际上会暂停在 JavaScript 脚本中的函数上,你可以在原地识别它!

Chrome DevTools with XHR/fetch breakpoint checkbox visible