Chrome Devtools 过滤了 Fetch/XHR

3 min read

在Chrome DevTools中，可以使用过滤器来过滤和查看Fetch和XHR（XMLHttpRequest）请求。为此，请按照以下步骤操作：

  1. 打开Chrome浏览器，然后转到你想要调试的网页。
  2. 按下F12键或右键单击并选择“检查”以打开Chrome开发者工具。
  3. 在DevTools的顶部面板中，选择“Network”（网络）选项卡。
  4. 确保勾选“Preserve log”（保留日志）选项，以便请求在页面刷新时不会被清除。
  5. 在“Network”选项卡中，你会看到一列表示发送的请求的条目。
  6. 在顶部的“Filter”（过滤器）输入框中，输入关键词以过滤请求。例如，输入“fetch”或“xhr”以过滤相应类型的请求。
  7. DevTools将只显示符合过滤条件的请求。

注意：为了使过滤器正常工作，你需要在网络面板打开时开始加载网页。如果已经在加载网页，可以点击“Preserve log”（保留日志）复选框旁边的“Clear”（清除）按钮来清除现有的请求记录，并重新加载页面以获取新的请求。

希望这可以帮助你使用Chrome DevTools过滤Fetch和XHR请求。