注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

网易邮箱前端技术中心

汇聚最新最劲爆的前端技术

 
 
 

日志

 
 
 
 

使用LinrFiddler + Fildder2助力Web开发本地调试  

2013-09-05 10:39:38|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

Fildder2是大家熟悉的前端开发辅助工具,功能强大,常被用来进行抓包分析和web请求调试。近些年随着浏览器自带的“开发者工具”日益完善,集成其中的网络工具已能胜任大多需求,打开Fiddler的频率也就随之降低了。

平时的协作开发中,常在“准线上环境”下开发、调试,反复的FTP上传文件成了贯穿始终的步骤。麻烦的同时也有其他弊端,比如码农A上传的代码出错可能会影响到码农BCDEFG的代码运行,大型项目下数十个未压缩的jsCSS、图片文件加载即使是内网也要耗时数秒,无时无刻不在消耗着码农的青春。

Fildder2AutoResponde这个功能,可以对请求的response执行各种规则,还可以将请求指向到本地文件。这样一来可以将页面中的静态资源请求指向到本地文件,本地文件修改后刷新页面马上就可以看到效果,避免了频繁上传FTP和网络延迟的麻烦,大大提升效率。如果本地的文件版本是基本稳定的,也就解决了代码相互影响的问题,项目可以跑通,每个码农可以既专心调试自己的代码,也可以任意修改他人的代码,不用担心影响他人或被他人影响。这种开发模式下要求码农们定期更新项目SVN,养成良好的习惯,不要提交不稳定代码及debugger泛滥的代码到SVN

使用LinrFiddler + Fildder2助力Web开发本地调试 - 网易邮箱前端技术中心 - 网易邮箱前端技术中心

 

现实是残酷的,大型项目开发环境下未经压缩合并的静态资源引用数量庞大,手动将这些链接逐一映射到本地很不靠谱,下面介绍一个也不太靠谱的工具来让这事变得靠谱一些。

LinrFiddler https://github.com/Linrstudio/LinrFiddler

说不靠谱是因为目前还是beta版,使用过程中会有一些例如规则切换后无法立刻生效的问题,应该是一些Bug,总体而言还是一个很有实际意义的工具。这里主要关注目录映射这个特性,可以方便得对某个目录下的所有文件进行映射。方法如下:


打开Fiddler2与LinrFiddler,新建LinrFiddler项目,添加映射规则:

使用LinrFiddler + Fildder2助力Web开发本地调试 - 网易邮箱前端技术中心 - 网易邮箱前端技术中心

保存项目:

 使用LinrFiddler + Fildder2助力Web开发本地调试 - 网易邮箱前端技术中心 - 网易邮箱前端技术中心


勾选期望生效的项目:

 使用LinrFiddler + Fildder2助力Web开发本地调试 - 网易邮箱前端技术中心 - 网易邮箱前端技术中心

刷新浏览器,在Fiddler2中查看请求列表,绿色部分是已执行映射的请求:

 使用LinrFiddler + Fildder2助力Web开发本地调试 - 网易邮箱前端技术中心 - 网易邮箱前端技术中心




by Shaotu
 


  评论这张
 
阅读(762)| 评论(1)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017