Chrome Workspace开发者调试工具

学习前端开发这么久了，在调试页面的时候会经常用到一些开发工具，个人喜欢用firebug。但今天小熊个人博客为大家说到的是Chrome里面的开发工具Workspace。

Workspace是？

Workspace允许开发着在Chrome调试工具中实时编辑源文件。系统会将磁盘文件匹配到你的本地服务器上，这样你可以通过Chrome的source panel保存修改的代码，或者当外部文件更新时立即刷新。这样就能够避免开发人员在工具中调试好，再到编辑器中修改一次代码的重复操作，提高编辑效率。

Workspace你会用吗？

如果想要更多的了解Workspac开发工具，那么就请查看:《开发者调试工具Chrome Workspace》

在这里就简单为大家介绍一些操作方法。

1. 打开开发者工具（F12），点击右下角的设置按钮。

2. 选择 Workspace, 然后选择 Add folder。

3.选择源文件所在文件夹，当弹出提示时，选择允许。

4.在Chrome的Source面板右键选择需要编辑的源文件，选择“Map to a Network Resource”。

这样在Chrome的调试工具里面编辑该源文件，或者直接修改css样式（对于css文件），再用Ctrl+S保存，这样修改的代码就自动保存到本地文件中了。

Chrome 30的Workspace已经支持了SASS、LESS等CSS预处理器，后面马上会支持Stylus和Compass。