下载APP
登录
关闭
讲堂
算法训练营
Python 进阶训练营
企业服务
极客商城
客户端下载
兑换中心
渠道合作
推荐作者
当前播放: 09 | 如何用Chrome的Network面板分析HTTP报文
00:00 / 00:00
标清
  • 高清
  • 标清
  • 普清
1.0x
  • 2.0x
  • 1.5x
  • 1.25x
  • 1.0x
  • 0.5x
网页全屏
全屏
00:00
付费课程,可试看

Web协议详解与抓包实战

共121讲 · 121课时,约1100分钟
7293
免费
01 | 课程介绍
免费
02 | 内容综述
免费
03 | 浏览器发起HTTP请求的典型...
免费
04 | 基于ABNF语义定义的HTTP消...
免费
05 | 网络为什么要分层:OSI模...
06 | HTTP解决了什么问题?
07 | 评估Web架构的七大关键属...
08 | 从五种架构风格推导出HTTP...
免费
09 | 如何用Chrome的Network面...
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协议解析域名...
39 | Wireshark的捕获过滤器
40 | Wireshark的显示过滤器
41 | Websocket解决什么问题
42 | Websocket的约束
43 | WebSocket协议格式
44 | 如何从HTTP升级到WebSoc...
45 | 传递消息时的编码格式
46 | 掩码及其所针对的代理污染...
47 | 如何保持会话心跳
48 | 如何关闭会话
49 | HTTP/1.1发展中遇到的问...
50 | HTTP/2特性概述
51 | 如何使用Wireshark解密TLS...
52 | h2c:在TCP上从HTTP/1升...
53 | h2:在TLS上从HTTP/1升级...
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 | 七层负载均衡做了些什么?
70 | TLS协议的工作原理
71 | 对称加密的工作原理(1)...
72 | 对称加密的工作原理(2)...
73 | 详解AES对称加密算法
74 | 非对称密码与RSA算法
75 | 基于openssl实战验证RSA
76 | 非对称密码应用:PKI证书...
77 | 非对称密码应用:DH密钥交...
78 | ECC椭圆曲线的特性
79 | DH协议升级:基于椭圆曲线...
80 | TLS1.2与TLS1.3 中的EC...
81 | 握手的优化:session缓存...
82 | TLS与量子通讯的原理
83 | 量子通讯BB84协议的执行流...
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-W...
106 | keepalive 、校验和及带...
107 | 面向字节流的TCP连接如何...
108 | 四层负载均衡可以做什么
109 | 网络层与链路层的功能
110 | IPv4分类地址
111 | CIDR无分类地址
112 | IP地址与链路地址的转换...
113 | NAT地址转换与LVS负载均...
114 | IP选路协议
115 | MTU与IP报文分片
116 | IP协议的助手:ICMP协议
117 | 多播与IGMP协议
118 | 支持万物互联的IPv6地址
119 | IPv6报文及分片
120 | 从wireshark报文统计中找...
121 | 结束语
本节摘要

打开 Network 面板的快捷键

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

课程相关资料下载地址

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

推荐书籍

展开
 写留言

精选留言(18)

  • 2019-10-24
    professional, professional, professional!
    看哭了😭😭,
    讲的真好,感恩,🙏

    作者回复: :-)

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

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

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

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

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

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

    2
  • 2019-10-14
    爬虫工程师也适合学习这门课吗

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

    1
  • 2019-08-08
    看了这节课才知道 原来 Chrome 控制台还可以这么用 😃
    1
  • 2019-08-02
    Chrome 开发者工具 开发者的好帮手
    1
  • 2019-05-24
    老师好,造成浏览器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升级,其代码的变动也会影响这个概念。

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

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

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

    作者回复: ^_^

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

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

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

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

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

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

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

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

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

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