使用 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

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

Answer 2

您可以使用扩展来完成此操作。我找到了这个https://chrome.google.com/webstore/detail/tamper-chrome-extension/hifhgpdkfodlpnlmlnmhchnkepplebkb/lated?hl=en。

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

基本上一旦你安装了扩展：

1. 转到开发者控制台
2. 选择防拆面板
3. 检查阻止/重新路由请求
4. 重新加载您的页面即可

Tamper 会一一拦截每一个请求，并询问你如何处理；）