Fiddler前端调试之本地文件目录映射简单两招搞定

Fiddler在前端开发中应用得越来越广泛。其中的AutoResponder——用本地文件映射网络文件是大家最喜欢用的功能，这对调试线上代码、处理线上bug都十分有用。

在单个文件映射时，我经常使用的是AutoResponder的功能，简单设置路径就可以了。

Fiddler单个文件映射示例图

在文件数目较多的时候，使用起来不是很方便，每个文件都映射一遍显然不合适。当然你可以用nginx做本地的反向代理实现，但这里我们介绍Fiddler的实现方式。

1、AutoResponder正则匹配

用正则表达式映射整个目录，包括文件后的参数传输，都通过正则匹配后传输到本地文件。

AutoResponder本地文件目录映射之正则匹配

这样一来，我们访问http://dev.zjy.com/demo/这个项目，就会直接映射到本地C:\Users\Alexhendar\Desktop\wechat\demo这个目录了，目录下的文件也会自动匹配。

2、Stave插件

项目介绍上是这样描述的：一个基于Fiddler调试工具的插件，扩展实现了项目开发环境管理、依照TC编译系统的包含语法，解决了SVN文件结构和线上发布文件不一致的问题，实现了静态文件“即改即生效”。

项目是用C#开发的Fiddler插件，旨在改进和增强Fiddler的调试功能，使之更好的试用于公司的开发环境。

插件下载后直接安装，重启Fiddler即可。安装后配置Stave

Fiddler本地目录映射之Stave配置

总结

上面两个大招，几乎可以解决所有前端本地目录静态资源的映射访问。

---------------------------分割线---------------------------------------------

补充：如果配置后没有生效，记得重启一下Fiddler。

Fiddler头图