使用Fiddler提升前端开发效率

每天跟前端打交道,总免不了各种请求,各种静态资源

在PC上还好一些,浏览器都有调试工具,可是要是调试手机站点,调试起来就麻烦了

当然,我们可以使用Fiddle的代理功能,让手机的所以资源和请求,都通过PC,这样就可以使用Fiddle抓取手机上的各种包了

具体操作如下

打开Fiddle->Tools->Options->Connections->勾选Allow remote computers to connect

26009790493567858.jpg

然后设置手机,IOS系统

设置->无线局域网->选择网络->拖到下面,找到HTTP代理,选择手动->然后填写你PC的IP地址,端口号就写8888

这样,你手机的所以请求,就可以通过Fiddle看到了,如果没有生效,重启一下Fiddle试试


假如有时候,线上出现了BUG,然后在本地复现不了,很有可能是线上数据才会引起错误发生

这个时候,将线上静态资源映射到本地,直接使用线上的数据,很快就可以定位到问题

使用Fiddle实现起来,也是很容易

打开Fiddle->右侧找到AutoResponder->勾选Enable rules->然后添加一条规则,就是将线上URL,映射到本地磁盘

这样,当浏览器下载URL的资源时,就会把本地的内容作为资源下载执行

26009782836453273.jpg


假如还有时候,想直接修改线上的HTML代码看看效果,Fiddle也可以实现

QQ222.jpg

这样设置之后,再刷新页面,会发现请求都挂起了,就像平时Debug断点一样,这个时候就可以任意修改响应的内容了