開發人員調試工具Chrome Workspace，chromeworkspace

開發人員調試工具Chrome Workspace，chromeworkspace
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