Chrome调试技巧

1.如何打开

在Windows系统或Mac操作系统中，用户均可通过按下（FN）+F12组合键，从而调出Chrome浏览器的Network面板。

2.面板组成

如图所示，Chrome浏览器中的Network面板主要由五个组成部分构成，分别为控制器、过滤器、概览、请求列表以及概要，以下将简要说明这五个部分的功能。

控制器：用于管理面板的界面展示与操作功能。

过滤器：用于筛选请求列表中所呈现的资源内容。

通过按住Command键（适用于Mac系统）或Ctrl键（适用于Windows/Linux系统），随后点击过滤器选项，可实现对多个过滤条件的同时选择。

概览：用于呈现HTTP请求与响应过程的时间线信息。

请求列表：默认按照时间顺序进行排列，用户可根据需要选择显示的列信息。

概要：用于展示总的请求数量、数据传输总量以及整体耗时等关键指标。

3.控制器

![](