fiddler网址代理调试工具

课程视频:https://www.imooc.com/learn/37

软件下载地址:https://www.telerik.com/download/fiddler/fiddler4

 

1、工作原理

090453_fvma_3018050.png

090553_xiQS_3018050.png

090604_z8I0_3018050.png

090614_LuhZ_3018050.png

通过修改浏览器地址,截获

090653_WyzD_3018050.png

090725_bnKj_3018050.png

090835_UMb0_3018050.png

090846_kE1e_3018050.png

090906_3JuI_3018050.png

090920_h4EQ_3018050.png

 

2、使用功能介绍

091036_K5tt_3018050.png

091046_C8bf_3018050.png

091340_LJVO_3018050.png

091401_8Jfb_3018050.png

091449_6di8_3018050.png

3、常用功能

093718_KOTe_3018050.png

093837_IIgN_3018050.png

快捷键R

094127_k2mW_3018050.png

094157_Cua2_3018050.png

094219_jfFt_3018050.png

094232_uK61_3018050.png

094323_YfFm_3018050.png

在流模式和缓冲模式切换,默认缓冲模式,按下后流模式

101048_JDFq_3018050.png

101101_yxwi_3018050.png

101116_KbpR_3018050.png

数量越多,占用内存越多

101144_e4lh_3018050.png

101221_sEfb_3018050.png

只捕获某个浏览器的某个进程

101250_6I27_3018050.png

当回话数量比较多的时候

101336_H8c5_3018050.png

101353_HurU_3018050.png

101419_tYXy_3018050.png

101450_2U8o_3018050.png

101503_6CRP_3018050.png

101514_WuhS_3018050.png

101534_UKGF_3018050.png

101557_9WKh_3018050.png

101613_Yj2O_3018050.png

非常实用功能

101629_sm9i_3018050.png

解码

101721_fxAy_3018050.png

101738_PMna_3018050.png

.net开发,平时几乎不会用

4、状态栏操作

101855_hdo3_3018050.png

help

101928_MsM4_3018050.png

打开使用说明

101941_bWnN_3018050.png

点击后关掉

102008_MHlA_3018050.png

102111_O2Lr_3018050.png

5、监控面板的使用

102407_XYm9_3018050.png

https协议-加密协议

102625_OsGS_3018050.png

反应请求性能的指标

102717_7Eex_3018050.png

关注RTT——请求往返时间

102803_zqJC_3018050.png

请求饼图

102812_89Ie_3018050.png

102829_GkAM_3018050.png

103055_swXy_3018050.png

实用功能

拖拽左侧地址到右侧

103231_72ta_3018050.png

也可以指定文件

replay后,会请求到本地文件

103350_kpqX_3018050.png

103358_9iIM_3018050.png

103503_OAZm_3018050.png

拖拽后显示请求信息

修改信息,点击右上角excute,可以伪造请求(不增加任何js代码,实现和服务器端的调试)

103626_o2JM_3018050.png

103648_ketz_3018050.png

103708_mqrb_3018050.png

103717_bp2C_3018050.png

103740_dZeY_3018050.png

选择一个完整的网站请求,这个是看网站性能的一个重要面板

6、fiddler文件,文件夹代理和host配置

示例:

104329_ds6k_3018050.png

打开刷新一个线上文件

104353_JQja_3018050.png

重点关注一些css,js文件

104423_LyC7_3018050.png

104436_3ccK_3018050.png

激活

104454_beyG_3018050.png

104506_cBEA_3018050.png

104513_FLLg_3018050.png

用fiddler配置的好处:

不会读取system下的host文件

104615_rhyz_3018050.png

关闭激活即可

文件替换功能:

应用场景——线上发现问题的js文件,映射到本地进行修改

104935_jdXk_3018050.png

105029_pDVB_3018050.png

本地文件在首行加入alert1

105011_jxFC_3018050.png

映射到本地文件

105148_JAua_3018050.png

7、请求模拟,前后端接口调试

例子:

105413_Qpr6_3018050.png

接口数据

105455_Msy9_3018050.png

105502_iujE_3018050.png

get方式,请求写url

返回的数据和前面的一样,调通了

105524_Tnd1_3018050.png

没有参数,服务器返回400,出问题

105621_E21S_3018050.png

post,请求放在request body里

105720_eZVk_3018050.png

可以伪造cokkie

 

8、网络限速(非常实用,比较高级)

105830_3MQe_3018050.png

使用场景:开发过程中,测试网站在网速非常差的时候的性能

插件下载:https://www.telerik.com/fiddler/add-ons

112125_8JAd_3018050.png

C#代码

112249_dTAP_3018050.png

发送请求,3S后执行

112348_yP3W_3018050.png

save script按下

112406_FoJW_3018050.png

按replay回放,此请求并没被立即放松,等待3S后

112525_CVVC_3018050.png

112535_cUmb_3018050.png

修改成response

112602_JKGY_3018050.png

请求立刻出去,但是延迟3S返回

 

9、代码格式化插件

本身支持自己开发插件

官方也提供插件

112913_GFVM_3018050.png

图片查看插件

112929_kj77_3018050.png

图片裁剪插件

112943_3zVX_3018050.png

代码格式化插件

113003_jLWR_3018050.png

PDF查看插件

113028_PU5r_3018050.png

113057_OpEg_3018050.png

捕捉一个js请求

113154_M2Ss_3018050.png

113203_PZZ1_3018050.png

语法视图——代码高亮

113220_rfvP_3018050.png

也是格式化之后的

113240_c5H2_3018050.png

113335_FnN0_3018050.png

拖拽2个请求,可以对比对话请求有何不同

10、代理插件

即第三方插件——willow

113535_KDnV_3018050.png

113610_O5Vt_3018050.png

113635_0Jnd_3018050.png

113714_NZJj_3018050.png

可视化限速

113729_qElc_3018050.png

比较好用的插件下载地址:https://pan.baidu.com/s/1mgocpBi

 

转载于:https://my.oschina.net/u/3018050/blog/1606449

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值