Fiddler的使用

## 什么是Fiddler ##

* fiddler 是一个使用本地127.0.0.1：8888的HTTP代理，任何能够设置HTTP代理为127.0.0.1:8888的浏览器和应用程序都可以使用Fiddler。

* fiddler 是位于客户端和服务器端口的HTTP代理，能够记录客户端和服务器端的所有HTTP请求，意味着客户端所有的请求与服务器所有的响应都要经过fiddler，fiddler可以分析请求数据、设置断点、调试web应用、修改请求数据、返回服务器数据。

## Fiddler包括四个部分：##

* 菜单栏

* 工具栏

* web Session面板，fiddler抓取到的每条http请求，主要包含请求的url，协议，状态码，body等信息

* 详情和数据统计面板，针对每条http请求的具体统计

1.Statistics 请求响应条目，发送字节数，接收字节数，响应字节数，性能时间等

2.Inspectors，上半部分是请求内容，下半部分是响应内容。有headers,textView、SyntaxView,hexView,Raw等多种方式查看单条http请求的请求报文的信息

3.AutoResponder 允许拦截指定规则的需求，拦截后只可访问有规则关键词的网址，并重定向到规则中设置的资源。

4.Composer 可以实现自主义请求发送到服务器，可直接拖拽一条session到这里，也可以实现模拟向服务器发送数据的过程，

5.Filters 请求过滤规则，Zone可指定只显示内网或互联网的内容；Host指定显示某个域名下的会话

6.Timeline 请求响应时间

## 解密https，监听https请求 ##

* 1.[Tools] —— [Fiddler Options] ——　[HTTPS]选项卡

2.勾选[Decrypt HTTPS Traffic] 并依次点击[yes],[ok] 信任此证书

## 连接手机 ##

* 保证手机与电脑处于同一局域网内

* 点击菜单栏的 [Tools] —— [Fiddler options]

* 点击[Connections] —— 设置端口号为8888,勾选[Allow remote computers to connect]

* 手机设置代理，服务器为本机ip地址，我的是192.168.2.118，端口为上面设置的8888

* 手机浏览器访问 192.168.2.118：8888,下载证书

* 证书下载后并不能直接点击安装，而是要到手机的[设置] —— [安全] —— [从手机安装] 安装证书

* 重启Fiddler(很重要，如果没有重启那手机有网但是打不开网页)

* 现在就可以访问应用在Fiddler里看到截取到的数据包啦

## Fiddler内置命令与断点 ##

* 点击左下角黑色的命令框

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

文章到这里就结束了，如果觉得对你有帮助可以点个赞哦，如果有需要前端校招面试题PDF完整版的朋友可以点击这里即可免费获取，包括答案解析。

试题PDF完整版的朋友可以点击这里即可免费获取，包括答案解析。**

[外链图片转存中…(img-F2l9en1Y-1713485977246)]