1.chrome浏览器，机制是拦截url，
1.在浏览器Element中调节的css样式可以直接同步到本地文件，反之亦然，浏览器会重新加载css，省去刷新
2.在source面板下对js的编辑可以同步到本地文件，反之亦然，浏览器会重新加载js，比如一些基于事件调用的函数，
更改之后再次被触发可以立马看到效果，省去刷新
3.对html的修该浏览器不会重新加载
更多的细节大家自行体会吧！
2.设置方法
目录中要避免出现中文！
我的版本是49，不同版本位置可能会有出入
已file:///D:/current/pratice/origin/test.html (也可拦截http请求)
F12打开开发者工具
点击source，左侧右键会弹出add folder to workspace ,点击后选择自己的工作目录，注意该工作目录是基路径
我添加的是D:/current/pratice
点击开发者工具右上方的三个小店，再点击setting
点击workspace，点击add
file:///D:/current/pratice/ ?是要匹配的url
如果是file:///D:/current/pratice/origin/test.html 则匹配origin/test.html
/是加在基路径后面的，也就是D:/current/pratice/，和在一起就是D:/current/pratice/origin/test.html，也就完成了映射
欢迎加入QQ群662546586
web前端效率提升之浏览器与本地文件的映射-遁地龙卷风
原文地址：http://www.cnblogs.com/resolvent/p/7502041.html