- 高清
- 标清
- 普清
- 2.0x
- 1.5x
- 1.25x
- 1.0x
- 0.5x
Web协议详解与抓包实战
打开 Network 面板的快捷键
- Windows：Ctrl + Shift + I
- macOS：command + option + I
课程相关资料下载地址
https://github.com/geektime-geekbang/geektime-webprotocol
推荐书籍
精选留言(18)
2019-10-24professional, professional, professional！
看哭了😭😭，
讲的真好，感恩，🙏作者回复: :-)
3
2019-06-28老师我想问一下之前看到过文章说请求会发送一个tcp请求报文，而post会发送两个tcp报文。先发送请求头返回100，然后发送请求体返回200。但是我在抓包中试了并没有作者回复: 这个说法不明确。第5部分课程会讲解TCP协议。
TCP协议是由操作系统内核实现的，内核提供了send这样的方法。当应用程序send消息时，内核会根据消息大小（无论GET或者POST都可以很大）、MSS大小（由握手时决定）、发送窗口大小、定时器来决定是否拆分成多个报文。 2- 2019-05-11mark 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-02Chrome 开发者工具 开发者的好帮手 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-07-24老师很专业
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”