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

Question

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 很有用。

Answer 1

你可以通过扩展来做到这一点。 我找到了这个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. 重新加载页面即可

Tamper 会一一阻止每个请求，并询问你如何处理它；）

Answer 2

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