Chrome这些调试技巧你都知道吗

推荐阅读

1. SpringBoot 整合篇

2. 手写一套迷你版HTTP服务器

3. 记住：永远不要在MySQL中使用UTF-8

4. Springboot启动原理解析

官方文档：

https://developers.google.com/web/tools/chrome-devtools/network/

1.如何打开

无论是在Windows还是Mac，都可以使用（FN）+F12键打开Chrome的Network面板。

2.面板组成

如图所示，Chrome的Network面板主要由5个部分组成，包括控制器、过滤器、概览、请求列表、概要，下面简单介绍下这5个部分的作用。

控制器：控制面板的外观与功能

过滤器：过滤请求列表中显示的资源

• 按住Command（Mac）或Ctrl（Window/Linux），然后点击过滤器可以同时选择多个过滤器。

 

概览&#