## 什么是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)]