Chrome Workspace修改本地CSS

前端一般都喜欢使用Chrome的控制台来修改CSS,这样可以马上看到效果,但是改了需要在修改CSS文件,非常麻烦,但是Chrome提供了一个非常不错的功能,修改样式的同时帮你把本地文件也修改稿了,简直不要太帅。下面给出设置方法:

  • 打开控制台,点击设置:
    Chrome控制台
  • 选中Workspace:
    选中Workspace
  • 选择你的Workspace目录:
    选择你的Workspace目录
  • 设置folder的属性,也就是映射文件,可以映射本地文件,也可以映射http://xxxx文件,但是目录的层级要一样:
    映射文件
  • 控制台修改CSS,本地文件就会跟着被修改了:
    控制台修改CSS
    修改后CSS
    本地文件

参考文章:http://www.cnblogs.com/terrylin/p/3629751.html