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

Question

使用Google Chrome开发者工具，是否可以在每次请求（css、javascript、images等）之前暂停，类似于JavaScript断点？

例如：

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

这可以在执行请求之前获取请求的URL，非常有用。

- Ari Seyhun

Answer 1

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

- Geoff Davids

Answer 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. 选择 Tamper 面板
3. 检查阻止/重定向请求
4. 重新加载页面，完成

Tamper会逐个阻止每个请求并询问您该如何处理它;)

- Stéphane

---

这个扩展有一个更新版本叫做 Tamper Dev，只是提醒一下。 - InanisAtheos

如果您想在发送请求之前修改请求体，则这种方法已不再适用。 - Divyansh