2024年最全Fiddler(二) - 使用Fiddler做抓包分析_fiddler抓包分析，顺利通过阿里面试

2401_84617821

于 2024-05-14 07:33:25 发布

阅读量963

点赞数 23

CC 4.0 BY-SA版权

分类专栏：程序员文章标签：前端面试学习

本文链接：https://blog.youkuaiyun.com/2401_84617821/article/details/138834500

程序员专栏收录该内容

101 篇文章

订阅专栏

最后

javascript是前端必要掌握的真正算得上是编程语言的语言，学会灵活运用javascript，将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识，而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

css源码pdf

JavaScript知识点

不仅是单条session,Fiddler还支持保存所有抓取到的session(并支持导入)，这对于抓取可疑请求然后保存，并在之后随时分析这些请求是很有帮助的。

如果想要重新发送某些请求，可以选中这些请求，然后点击工具栏中的reply。就可以重新发送选中的这些请求。

三、指标分析

左键点击单条HTTP请求，可以在右侧的tab面板中看到如下信息：

3.1 Statistic

关于HTTP请求的性能和其他数据分析：

这里写图片描述

我们可以从中看出一些基本性能数据：如DNS解析的时间消耗是8ms,建立TCP/IP连接的时间消耗是8ms等等信息。

3.2 Inspectors

分为上下两个部分，上半部分是请求头部分，下半部分是响应头部分。对于每一部分，提供了多种不同格式查看每个请求和响应的内容。JPG 格式使用 ImageView 就可以看到图片，HTML/JS/CSS 使用 TextView 可以看到响应的内容。Raw标签可以查看原始的符合HTTP标准的请求和响应头。

Auth则可以查看授权Proxy-Authorization 和 Authorization的相关信息。Cookies标签可以看到请求的cookie和响应的set-cookie头信息。
这里写图片描述

3.3 AutoResponder

Fiddler比较重要且比较强大的功能之一。可用于拦截某一请求，并重定向到本地的资源，或者使用Fiddler的内置响应。可用于调试服务器端代码而无需修改服务器端的代码和配置，因为拦截和重定向后，实际上访问的是本地的文件或者得到的是Fiddler的内置响应。

当勾选allow autoresponser 并设置相应的规则后（本例中的规则是将http://blog.youkuaiyun.com/sunhuaqiang1的请求拦截到本地的文件layout.html）,如下图所示。
这里写图片描述

然后在浏览器中访问http://blog.youkuaiyun.com/ohmygirl，得到的结果会重定向到设置的页面中。
这刚好是本地layout.html的内容，说明请求已经成功被拦截到本地.当然也可以使用Fiddler的内置响应。下图是Fiddler支持的拦截重定向的方式：

这里写图片描述

因此，如果要调试服务器的某个脚本文件，可以将该脚本拦截到本地，在本地修改完脚本之后，再修改服务器端的内容，这可以保证，尽量在真实的环境下去调试，从而最大限度的减少bug发生的可能性。

不仅是单个url，Fiddler支持多种url匹配的方式：

字符匹配如 example可以匹配 http://www.example.com和http://example.com.cn；
完全匹配以EXACT开头表示完全匹配，如上边的例子 EXACT:http://blog.youkuaiyun.com/sunhuaqiang1
正则表达式匹配以regex: 开头，使用正则表达式来匹配URL；
如：regex:(?insx).*\.(css|js|PHP)$ 表示匹配所有以css,js,php结尾的请求url。

3.4 Composer

老版本的fiddler中叫request-builder。顾名思义，可以构建相应的请求，有两种常用的方式构建请求:

Parsed 输入请求的url之后executed即可，也可以修改相应的头信息（如添加常用的accept, host, referrer, cookie，cache-control等头部）后execute。这个功能的常见应用是：“刷票”（不是火车票！！），如刷新页面的访问量（基于道德和安全原因，如果你真去刷票，刷访问量，本博客概不负责）
Raw。使用HTTP头部信息构建http请求。与上类似，不多叙述。