Chrome 开发者工具（审查元素）编辑后直接保存CSS或JS到本地

去年@siva海浪高 推荐了一款Chrome插件可以在Chrome开发者工具中编辑CSS或者JS后直接保存到本地，昨天看了下Chrome文档发现Chrome的workspace功能就可以做到这一点，无需使用任何插件，下面是开启步骤（仅需三步，我用的是Chrome 29）：

1.在 chrome://flags/ 中启用 Developer Tools Experiments (开发者工具实验)

2.这时候你就可以在Chrome devtool的setting中看到workspace选项，点击add folder添加需要编辑的本地静态资源目录：

3.选择OK后Chrome会再让你确认，点击允许即可

这时候就可以在source panel看到效果了，并且可以直接进行编辑

BTW ： 如果还需要在element panel中直接进行微调，或者编辑还需要进行映射 ：

这时候即便是在这里编辑，也可以随时保存编辑状态的CSS了