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

Prompt Before Every Request with Chrome Developer Tools

是否可以使用 Google 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 很有用。

您可以使用扩展程序来完成。 我找到了这个 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. Select 防拆面板
  3. 检查 Block/Reroute 个请求
  4. 重新加载您的页面，就是这样

Tamper 会一个接一个地屏蔽每一个请求，并询问你如何处理它;)

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