Workspace是個什麼樣的東西呢？他能夠在開發者工具中調試修改js或者css同時自動保存文件，能夠避免開發人員在工具中調試好，再到編輯器中修改一次代碼的重複操作，能夠提高一定的效率
配置Chrome Workspace功能
Chrome Workspace功能是將在Chrome開發者工具（F12）中對文檔的修改直接應用於對應文件中。
由於Chrome並不知道當然文檔對應用的文件爲哪個，所以需要配置Workspace的映射關係來告訴Chrome對哪個文件做修改
使用Workspace條件：
- Chrome V31+(正式版)
- 本地服務器開發
1.點擊F12工具的設置按鈕
2.點擊左側的workspace
3.點擊Add folder
4.選擇服務器所在的根目錄，之後確定會chrome會在上面做出一個提示，點擊允許
5.
雙擊下圖所示的地方，配置映射關係
6.填寫映射關係，視具體情況填寫，注意右邊的/一定要填寫（關鍵性步驟）
然後點擊空白處，完成填寫
7.然後回到一個頁面中去，試着去更改一個樣式數值，然後打開你的樣式文件，驗證是否生效
注意Workspace只對外部引入的CSS樣式有效！
參考：
http://www.cnblogs.com/terrylin/p/3629751.html