Chrome浏览器Network面板使用详解

引言


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

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

可使用快捷键 Ctrl+Shift+IF12,来打开网络面板。

Chrome浏览器Network面板使用详解_第1张图片
控制面板

控制面板概览


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

控制器

Chrome浏览器Network面板使用详解_第2张图片
控制器模块

你可能感兴趣的:(Chrome浏览器Network面板使用详解)