图解前端调试工具Fiddler使用

 时间:2024-11-07 04:49:39

Fiddler 是前端使用最广泛的线上调试工具,它不依赖于其它环境,直接安装即可。缺点是只能在 win 上使用,因为它是 C# 写的。

安装

1、安装超级简单,下载后直接下一步就行了。启动界面如下图所示:

图解前端调试工具Fiddler使用

使用

1、大体和 Charles 类似,打开浏览器访问要调碍测行臬试的页面,定位到要调试的资源(JS、CSS),映射到本地。还是以 trip.jd.com 下的 search.js 测试先清鼓饫废希掉现有的请求数据,如下图所示:

图解前端调试工具Fiddler使用

2、浏览器打开访问 trip.jd.com,Fiddler 可以捕捉到其中的请求,找到 search.js,如下图所示:

图解前端调试工具Fiddler使用

3、右侧面板切换到 AutoResponser ,勾上前两个选项,如下图所示:

图解前端调试工具Fiddler使用

4、把左侧的 search.js 拖到 AutoResponser 里,如下图所示:

图解前端调试工具Fiddler使用

5、右下角 “Rule Editor” 最下面的下拉选择 “Find a file”,如下图所示:

图解前端调试工具Fiddler使用

6、选择之前下载到本地的 search.js 并点击 “save”,如下图所示:

图解前端调试工具Fiddler使用

7、这时可以任性的修改本地的 search.js了,之前加了个 alert,回到浏览器刷新页面既可以看到效果了。

  • 凤凰2008解话机锁及恢复出厂设置
  • 如何使用Redis作为SpringBoot项目数据缓存
  • 如何合理选择退烧药
  • 简单木马实验
  • 热门搜索
    5g路由器 如何快速产精 豆腐脑的卤怎么做 如何挽留爱情 石家庄27中怎么样 金佑人生保险怎么样 教师退休工资如何计算 贵州十大旅游景点 绝经后如何保养 浙h是哪里的车牌