分享一款前端远程调试开发利器Fidder web Debugger

Fidder web Debugger 是一个前端非常优秀的实用的远程调试工具,调试静态资源(如调试远程的js,css,jpg等等)

有了这样的工具,在家也可以进行前端的开发。

1 下载Fidder web Debugger 官方地址

   http://www.getfiddler.com/dl/Fiddler2Setup.exe

   或者 http://www.getfiddler.com/dl/Fiddler4BetaSetup.exe

2 使用Fidder web Debugger

  下载好安装好,如果是FF浏览器要用,打开FF,会提示安装插件。安装。

3 打开要调试的远程网站,下载要调试的js(必须是文件,页面的js的话FF 修改代码就可以)。打开后打开Fidder工具,打开网站时候会看到很多访问的资源文件,首先工具的aotoresponser 页签,左边的两个打钩(Enable matic  responses aoto 和Unmatched response passthough),然后拖动左边访问的所要调试的文件拖动右边的打钩下面空白区域。 然后在Rull Editor 第二个选择框选择Find a file.选择刚才的本地的文件, 点击右边的save.操作步骤就这些。

4 调试效果,修改本地的代码,网页的js文件应用的其实是本地的js文件(其他文件也一样),调试一模一样,只不过现在调  试的文件成了本地的文件,修改代码后然后刷新页面看效果。

5 Fidder 不正常关闭可能会导致网络无法访问,解决办法重启Fidder,点击File-->Exit即可。

 

 

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值