fiddler高级使用技巧题稿.pptx

Fiddler 作者：顾文 2015.10.12 Fiddler模拟限速 我们为什么要限速 限速对于web前端研发是非常重要的，由于开发者的机器一般配置都很高，并且是在localhost下来调试程序，所以很难模拟到用户的真实使用情 况，如正在下载JS,css等静态资源的时候，页面的一个渲染情况。当网速很慢的时候，我们更希望看到的是先渲染出用户界面，而不是让用户看到一片空白。 那么这个时候，网络限速就能很方便在localhost针对类似的情况来做性能调试与优化 Fiddler模拟限速的原理 我们可以通过fiddler来模拟限速，因为fiddler本来就是个代理，它提供了客户端请求前和服务器响应前的回调接口，我们可以在这些接口里 面自定义一些逻辑。Fiddler的模拟限速正是在客户端请求前来自定义限速的逻辑，此逻辑是通过延迟发送数据或接收的数据的时间来限制网络的下载速度和 上传速度，从而达到限速的效果。他提供了一个功能，让我们模拟低速网路环境…启用方法如下：Rules → Performances → Simulate Modem Speeds (如下图) 勾选之后，你会发现你的网路瞬间慢超多…(想当年国中时我们的网路速度也是一路降子走来啊…) 如果你觉得模拟的速度慢到一个爆炸，不Make Sense 的话…你也可以自己定义Modem Speeds 究竟要多快…点开Rules → Customize Rules (如右图) 找m_SimulateModem这个字，你会找到下面这段： 这就是他模拟网路速度的原理，每上传/下载1KB 要delay 多久… 如果你习惯用kbps 去算的话，那么我们的算法就是 1000/下载速度 = 需要delay的时间(毫秒)，比如50kb/s 需要delay200毫秒来接收数据。 // Delay sends by 300ms per KB uploaded. oSession[request-trickle-delay] = 300; // Delay receives by 150ms per KB downloaded. oSession[response-trickle-delay] = 150; 请注意，当你存档之后，原本已经勾选的Simulate Modem Speeds 会被取消勾选， 要记得再到Rules → Performances → Simulate Modem Speeds 勾选喔 什么是HTTP/304响应？ 什么是HTTP/304响应？ 如果客户端发送的是一个条件验证(Conditional Validation)请求,则web服务器可能会返回HTTP/304响应,这就表明了客户端中所请求资源的缓存仍然是有效的,也就是说该资源从上次缓存到现在并没有被修改过.条件请求可以在确保客户端的资源是最新的同时避免因每次都请求完整资源给服务器带来的性能问题. 辨别条件请求 当客户端缓存了目标资源但不确定该缓存资源是否是最新版本的时候,就会发送一个条件请求.在Fiddler中,你可以在Headers Inspector查找相关请求头,这样就可以辨别出一个请求是否是条件请求. 在进行条件请求时,客户端会提供给服务器一个If-Modified-Since请求头,其值为服务器上次返回的Last-Modified响应头中的日期值,还会提供一个If-None-Match请求头,值为服务器上次返回的ETag响应头的值: 服务器会读取到这两个请求头中的值,判断出客户端缓存的资源是否是最新的,如果是的话,服务器就会返回HTTP/304 Not Modified响应,但没有响应体.客户端收到304响应后,就会从缓存中读取对应的资源. 另一种情况是,如果服务器认为客户端缓存的资源已经过期了,那么服务器就会返回HTTP/200 OK响应,响应体就是该资源当前最新的内容.客户端收到200响应后,就会用新的响应体覆盖掉旧的缓存资源. 只有在客户端缓存了对应资源且该资源的响应头中包含了Last-Modified或ETag的情况下,才可能发送条件请求.如果这两个头都不存在,则必须无条件(unconditionally)请求该资源,服务器也就必须返回完整的资源数据. Disable caching 通常来说,缓存是个好东西.如果你想提高自己网站的访问速度,缓存是必须要考虑的.可是在调试的时候,有时候需要阻止缓存,这样才能确保你所访问到的资源是最新的 Fiddler配置host 这个功能主要作用就是不需要每次配置hosts都到windows目录下去修改hosts文件；可以直接方便在fiddler界面里面配置即可；方便快速的配置自己的测试host Fiddler构造Http请求Post包 有时候想测试Post的