为什么网络请求没有显示在 Chrome 开发工具中

Chrome 开发工具是前端开发者日常工作中不可或缺的利器。在开发中，我们通常使用 Chrome 开发工具来进行调试，查看网络请求情况等。

然而，有时候我们会发现部分网络请求并没有显示在 Chrome 开发工具中。那么，这是为什么呢？下面我们来探究一下可能的原因。

网络请求使用了 HTTP/2 协议

HTTP/2 是一种新的网络传输协议，与 HTTP/1.1 相比有很大的优势，例如多路复用、头部压缩等。然而，由于 HTTP/2 的请求是在一个 TCP 连接中复用的，因此它并不会在 Chrome 开发工具的“Network”面板中显示每个请求的详细信息，而只会在“Security”面板中显示。

如果你想查看 HTTP/2 请求的详细信息，可以在 Chrome 浏览器地址栏输入 chrome://net-export/，在弹出的窗口中点击“Start”，然后进行网络请求操作。完成请求后，点击“Stop”按钮。然后你可以将导出的文件在 Chrome 开发工具中打开，查看 HTTP/2 请求的详细信息。

请求被缓存了

若请求已被浏览器缓存，则请求不会再次发生，而是直接从缓存中获取。在这种情况下，Chrome 开发工具不会显示请求瀑布图和详细信息。如果你想查看缓存内容，可以在 Chrome 浏览器地址栏输入 chrome://cache/，然后选择对应的缓存类型，查看缓存内容。

请求发生前出现异常

如果在请求发生前出现异常，例如 DNS 解析失败、服务器未启动等问题，请求就会在发生前被中断。这种情况下，Chrome 开发工具会显示错误信息，但不会显示请求瀑布图和详细信息。你可以在“Console”面板中查看相关的错误信息以帮助解决问题。

以上是可能导致网络请求未显示在 Chrome 开发工具中的原因。了解这些可能性可以帮助我们更好地调试应用程序并解决网络问题。