分享一款前端远程调试开发利器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即可。

 

 

你可能感兴趣的:(debugger)