Chrome浏览器Network面板使用详解

引言

---

如何基于Chrome浏览器的开发者工具进行抓包并分析ICP协议的报文，也可用更为复杂的Wireshark、Tcpdump来分析报文。

Chrome抓包：快速定位HTTP协议问题。

可使用快捷键 Ctrl+Shift+I或F12，来打开网络面板。

控制面板

控制面板概览

---

• 控制器：控制面板的外观与功能
• 过滤器：过滤请求列表中显示的资源
  • 按住Ctrl，然后点击过滤器可以同时选择多个过滤器
• 概览：显示HTTP请求、响应的时间轴
• 请求列表：默认时间排序，可选择显示列
• 概要：请求总数、总数据量、总花费时间

控制器

控制器模块