当前播放: 09 | 如何用Chrome的Network面板分析HTTP报文
00:00 / 00:00
高清
  • 高清
1.0x
  • 2.0x
  • 1.5x
  • 1.25x
  • 1.0x
  • 0.5x
网页全屏
全屏
00:00
付费课程,可试看
课程目录
第一章:HTTP/1.1协议 (38讲)
01 | 课程介绍
免费
02 | 内容综述
免费
03 | 浏览器发起HTTP请求的典型场景
免费
04 | 基于ABNF语义定义的HTTP消息格式
免费
05 | 网络为什么要分层:OSI模型与TCP/IP模型
免费
06 | HTTP解决了什么问题?
07 | 评估Web架构的七大关键属性
08 | 从五种架构风格推导出HTTP的REST架构
09 | 如何用Chrome的Network面板分析HTTP报文
免费
10 | URI的基本格式以及与URL的区别
11 | 为什么要对URI进行编码?
12 | 详解HTTP的请求行
13 | HTTP的正确响应码
14 | HTTP的错误响应码
15 | 如何管理跨代理服务器的长短连接?
16 | HTTP消息在服务器端的路由
17 | 代理服务器转发消息时的相关头部
18 | 请求与响应的上下文
19 | 内容协商与资源表述
20 | HTTP包体的传输方式(1):定长包体
21 | HTTP包体的传输方式(2):不定长包体
22 | HTML form表单提交时的协议格式
23 | 断点续传与多线程下载是如何做到的?
24 | Cookie的格式与约束
25 | Session及第三方Cookie的工作原理
26 | 浏览器为什么要有同源策略?
27 | 如何“合法”地跨域访问?
28 | 条件请求的作用
29 | 缓存的工作原理
30 | 缓存新鲜度的四种计算方式
31 | 复杂的Cache-Control头部
32 | 什么样的响应才会被缓存
33 | 多种重定向跳转方式的差异
34 | 如何通过HTTP隧道访问被限制的网络
35 | 网络爬虫的工作原理与应对方式
36 | HTTP协议的基本认证
37 | Wireshark的基本用法
38 | 如何通过DNS协议解析域名?
第二章:WebSocket协议 (10讲)
39 | Wireshark的捕获过滤器
40 | Wireshark的显示过滤器
41 | Websocket解决什么问题
42 | Websocket的约束
43 | WebSocket协议格式
44 | 如何从HTTP升级到WebSocket
45 | 传递消息时的编码格式
46 | 掩码及其所针对的代理污染攻击
47 | 如何保持会话心跳
48 | 如何关闭会话
第三章:HTTP/2协议 (21讲)
49 | HTTP/1.1发展中遇到的问题
50 | HTTP/2特性概述
51 | 如何使用Wireshark解密TLS/SSL报文?
52 | h2c:在TCP上从HTTP/1升级到HTTP/2
53 | h2:在TLS上从HTTP/1升级到HTTP/2
54 | 帧、消息、流的关系
55 | 帧格式:Stream流ID的作用
56 | 帧格式:帧类型及设置帧的子类型
57 | HPACK如何减少HTTP头部的大小?
58 | HPACK中如何使用Huffman树编码?
59 | HPACK中整型数字的编码
60 | HPACK中头部名称与值的编码格式
61 | 服务器端的主动消息推送
62 | Stream的状态变迁
63 | RST_STREAM帧及常见错误码
64 | 我们需要Stream优先级
65 | 不同于TCP的流量控制
66 | HTTP/2与gRPC框架
67 | HTTP/2的问题及HTTP/3的意义
68 | HTTP/3: QUIC协议格式
69 | 七层负载均衡做了些什么?
第四章:TLS/SSL协议 (14讲)
70 | TLS协议的工作原理
71 | 对称加密的工作原理(1):XOR与填充
72 | 对称加密的工作原理(2):工作模式
73 | 详解AES对称加密算法
74 | 非对称密码与RSA算法
75 | 基于openssl实战验证RSA
76 | 非对称密码应用:PKI证书体系
77 | 非对称密码应用:DH密钥交换协议
78 | ECC椭圆曲线的特性
79 | DH协议升级:基于椭圆曲线的ECDH协议
80 | TLS1.2与TLS1.3 中的ECDH协议
81 | 握手的优化:session缓存、ticket票据及TLS1.3的0-RTT
82 | TLS与量子通讯的原理
83 | 量子通讯BB84协议的执行流程
第五章:TCP协议 (25讲)
84 | TCP历史及其设计哲学
85 | TCP解决了哪些问题
86 | TCP报文格式
87 | 如何使用tcpdump分析网络报文
88 | 三次握手建立连接
89 | 三次握手过程中的状态变迁
90 | 三次握手中的性能优化与安全问题
91 | 数据传输与MSS分段
92 | 重传与确认
93 | RTO重传定时器的计算
94 | 滑动窗口:发送窗口与接收窗口
95 | 窗口的滑动与流量控制
96 | 操作系统缓冲区与滑动窗口的关系
97 | 如何减少小报文提高网络效率
98 | 拥塞控制(1):慢启动
99 | 拥塞控制(2):拥塞避免
100 | 拥塞控制(3):快速重传与快速恢复
101 | SACK与选择性重传算法
102 | 从丢包到测量驱动的拥塞控制算法
103 | Google BBR拥塞控制算法原理
104 | 关闭连接过程优化
105 | 优化关闭连接时的TIME-WAIT状态
106 | keepalive 、校验和及带外数据
107 | 面向字节流的TCP连接如何多路复用
108 | 四层负载均衡可以做什么
第六章:IP协议 (13讲)
109 | 网络层与链路层的功能
110 | IPv4分类地址
111 | CIDR无分类地址
112 | IP地址与链路地址的转换:ARP与RARP协议
113 | NAT地址转换与LVS负载均衡
114 | IP选路协议
115 | MTU与IP报文分片
116 | IP协议的助手:ICMP协议
117 | 多播与IGMP协议
118 | 支持万物互联的IPv6地址
119 | IPv6报文及分片
120 | 从wireshark报文统计中找规律
121 | 结束语
09 | 如何用Chrome的Network面板分析HTTP报文

09 | 如何用Chrome的Network面板分析HTTP报文

陶辉
智链达CTO,前阿里云高级技术专家
121讲 121课时,约1100分钟7893
单独订阅¥129
2人成团¥99
18
本节摘要

打开 Network 面板的快捷键

  • Windows:Ctrl + Shift + I
  • macOS:command + option + I

课程相关资料下载地址

https://github.com/geektime-geekbang/geektime-webprotocol

推荐书籍

展开
登录 后留言

精选留言(19)

  • Demon.Lee
    professional, professional, professional!
    看哭了😭😭,
    讲的真好,感恩,🙏

    作者回复: :-)

    2019-10-24
    1
    3
  • 哈哈
    老师我想问一下之前看到过文章说请求会发送一个tcp请求报文,而post会发送两个tcp报文。先发送请求头返回100,然后发送请求体返回200。但是我在抓包中试了并没有

    作者回复: 这个说法不明确。第5部分课程会讲解TCP协议。
    TCP协议是由操作系统内核实现的,内核提供了send这样的方法。当应用程序send消息时,内核会根据消息大小(无论GET或者POST都可以很大)、MSS大小(由握手时决定)、发送窗口大小、定时器来决定是否拆分成多个报文。

    2019-06-28
    3
  • KoRyo
    mark
    2019-05-11
    2
  • 朱凌峰
    陶老师 ①系统的CPU或负载都不高的;②响应大约2KB左右;③今天我尝试复现这个问题但是都没有复现出来 -_-

    作者回复: 我猜测肯定是因为2KB的响应被分为多个TCP分段,而有些TCP分段被网络延迟所致。验证方法必须使用wireshark,从时间及重发、确认上可以很容易看出来。具体用法参见第1部分倒数第2节课

    2019-05-08
    2
  • 朱凌峰
    陶老师 您好 请教您一个问题 一个商品列表请求中 Content Download总耗时偶发性的出现两三秒时间,正常情况下一般都是十几毫秒,这是为什么呢?

    作者回复: 1、系统的CPU或者负载应该不高吧?
    2、响应大概有多大,超过MSS大小了吗?例如500字节?
    如果有多个TCP报文构成的话,建议打开wireshark,有第1个报文为基准,查看其他报文的到达时间。第1.32课会有介绍。

    2019-05-07
    2
  • 沈青阳
    爬虫工程师也适合学习这门课吗

    作者回复: 适合,爬虫工程师需要熟悉Web站点提供的HTTP协议及格式,进一步优化性能时也需要理解更底层的TCP等协议

    2019-10-14
    1
  • Panda
    看了这节课才知道 原来 Chrome 控制台还可以这么用 😃
    2019-08-08
    1
  • Panda
    Chrome 开发者工具 开发者的好帮手
    2019-08-02
    1
  • 耿斌
    老师好,造成浏览器Queueing等待排队中有一个条件是同一个域名建立TCP链接超过6个,这指的是浏览器对于一个URI请求发生后包含所有的Request中同一个域名TCP链接不能超过6个对吗?Queueing等待排队时间是如何计算的呢?还有一个问题如果请求中Stalled时间过长是否是由于同一个域名建立超过6个以上TCP链接导致阻塞引起的呢?

    作者回复: 1、是的,你可以用https://http2.akamai.com/demo里访问HTTP1图片时看到,chrome目前是最多6个连接;
    2、queue与stall并不是那么绝对,你看我给你的链接里,以大约188.png为分界点(跟浏览器版本相关)观察,你可以得到这个结论:在初期前187个请求,排队时间完全相同,但stall在一直增长,增长的原因是6个连接上请求的批量释放。到188请求以后,排队时间在每6个左右批量增长,但stall不再与连接的释放相关。所以,可以看到,在不同状况下,chrome的实现是不同的。而且,这也并不是一成不变的,虽然chrome升级,其代码的变动也会影响这个概念。

    2019-05-24
    1
  • daiwf
    做了好几年程序员了,第一次知道原来chrome network有这么多功能。之前只是简单的看下请求。老师讲的非常详细

    作者回复: ^_^

    2020-01-30
  • 吴澎湖
    老师你好,为什么我的mac的chrome打工的开发者工具,在控制器显示的按钮不一样呢?请问这有版本区别吗?还是有哪可以设置的。

    作者回复: 我没用过mac电脑,没法直接演示。不同的Chrome版本是有区别的。你可以点击面板右上方的六角形符号打开设置,也可以点击上方的三个竖点,选择setttings设置

    2019-11-20
  • ray
    谢谢老师的教导,第一次知道chrome开发者工具可以用程这样!

    作者回复: ^_^

    2019-11-17
  • 子杨
    老师好,我的浏览器里很多选项都没有是怎么回事,可以设置吗?比如请求列表中没有 Method 这一列,控制器里没有 View 等等。

    作者回复: 1、在请求列表里点右键,可以添加列。
    2、控制器里右上方的设置按键里,选择overview

    2019-11-12
  • wd2010
    老师,请问下在请求时request头Provisional headers are shown,很多request头都看不到了,请问这个是什么原因?

    作者回复: 原因非常多样,我没有阅读过chrome源码,细节不太清楚。可以参考这篇帖子:https://stackoverflow.com/questions/21177387/caution-provisional-headers-are-shown-in-chrome-debugger

    2019-10-17
  • Geek_83eb1e
    老师你好,我只想知道如果调试javascript,html,以及爬出怎么做,这个课程里面有吗

    作者回复: 没有,这门课不会讨论javascript语言及其调试方法,案例中涉及到少量的javascript语法只是为了说明HTTP协议的某些特性

    2019-07-31
  • 厉害了我的国
    老师很专业
    2019-07-24
  • Julie
    老师你好,
    如果页面中有一个外部js链接,且该js不具备async属性。那么,html页面解析,会被该js文件执行而阻塞吗?
    2019-06-04
  • 哈哈
    老师你好,麻烦问一下就是如果一个网站是用cdn内容转发的,ping出来这个网站IP地址不是真实的。那么此时抓包的时候怎么准确获得这网站的记录呢

    作者回复: 无法获得。通常,一个网站不会所有对象资源都在CDN上的,特别是首页。

    2019-05-21
  • 您好,老师,请问chrome的network面板的请求信息列表如何保存成一个文件的形式,方便分析

    作者回复: 在请求列表上点击右键,选择“Save all as HAR with content”

    2019-05-15
收起评论
看过的人还看
透视HTTP协议

罗剑锋(Chrono)  奇虎360技术专家,Nginx/OpenResty开源项目贡献者

44讲 | 6547 人已学习

拼团 ¥79 原价 ¥99
趣谈网络协议

刘超  网易研究院云计算技术部首席架构师

51讲 | 41223 人已学习

限时 ¥79 原价 ¥99
Nginx核心知识100讲

陶辉  《深入理解Nginx》作者,智链达CTO

155讲 | 20746 人已学习

拼团 ¥129 原价 ¥199
MySQL实战45讲

林晓斌  网名丁奇,前阿里资深技术专家

48讲 | 46814 人已学习

拼团 ¥79 原价 ¥99