为什么谷歌f12里面的fetch/xhr不显示信息

谷歌F12中的Fetch/XHR选项卡用于显示通过JavaScript代码进行的网络请求信息，如果该选项卡中没有显示信息，可能有以下几个原因：

1. 没有进行网络请求：在你的页面上，可能没有通过JavaScript代码进行网络请求，因此Fetch/XHR选项卡中没有任何信息。

2. 请求被阻止：如果你的浏览器或者网络防火墙阻止了请求，那么Fetch/XHR选项卡中也不会显示信息。

3. 请求被缓存：如果请求已经被缓存，那么Fetch/XHR选项卡中也不会显示信息。你可以在Network选项卡中查看缓存信息。

4. 请求失败：如果请求失败，那么Fetch/XHR选项卡中也不会显示信息。你可以在Console选项卡中查看相关错误信息。

希望这些信息可以帮助你找到问题所在。

相关问题

f12里的fetch/xhr是什么

fetch 和 XHR 都是 JavaScript 中用于发送 HTTP 请求的 API。

XHR（XMLHttpRequest）是早期的 API，用于在不刷新页面的情况下，向服务器发送异步请求并接收响应数据。它具有广泛的浏览器支持，但使用起来较为繁琐，需要手动设置请求头、处理状态码等等。

fetch 是 ES6 中新增的 API，它也可以发送异步请求并接收响应数据，但使用起来更加简单和灵活。它的返回值是一个 Promise 对象，可以轻松地进行链式调用，并且可以自动解析 JSON 数据。同时，fetch 也支持跨域和设置请求头等功能。

总的来说，fetch 更加简单方便，但需要注意的是它不支持低版本浏览器。如果要兼容低版本浏览器，可以使用 polyfill 或者使用 XHR。

fidder怎么设置fetch/xhr过滤

Fiddler是一个网络调试工具，主要用于抓包、分析HTTP/HTTPS请求和响应。如果你想要设置Fetch/XHR（JavaScript Fetch API 和 XMLHttpRequest）请求的过滤规则，可以按照以下步骤操作：

1. **打开 Fiddler**：首先确保Fiddler已启动并处于活动状态，通常它会在浏览器的开发者工具栏显示一个小图标。

2. **启用捕捉模式**：点击Fiddler工具栏上的"Listen for HTTP"按钮，这将开启代理模式，所有通过Fiddler的网络流量都会被捕获。

3. **过滤请求**：
- 对于Fetch API，你需要创建一个新的规则来识别fetch()调用。右键点击Fiddler的"Rules"选项卡，选择"Edit Rules..."，然后在脚本编辑器中添加如下的条件表达式：

     if (oRequest.url.Contains("fetch") || oRequest.headers["X-Requested-With"] == "fetch")

这样可以捕获包含`fetch`字样的URL或`X-Requested-With`头部值为`fetch`的请求。

- 对于XHR，你可以直接查找特定的请求类型，例如`XMLHttpRequest`，修改规则如下：

     if (oRequest.method == "GET" && oRequest.headers["X-Requested-With"] == "XMLHttpRequest")

4. **保存规则**：完成规则编写后，记得点击"Save Rules"保存更改。

5. **查看和处理请求**：现在当你有Fetch或XHR请求满足这些条件时，它们会出现在Fiddler的面板中，你可以查看、修改或拦截这些请求。