在前端開發中，我們經常需要在瀏覽器中進行調試，特別是一些樣式的修改，如果你還是先在瀏覽器elements中調試好在復制到本地文件，那就真的out了。
chrome瀏覽器的workspace功能完全可以幫你實現同步修改，但需要一些設置。好了，廢話不多說，先看下面的例子：
1、在chrome中打開本地html文件，F12，打開調試器
2、在右上角的選擇菜單中選擇setting
3、在左側菜單欄中選擇workspace，並點擊add folder添加項目目錄所在文件夾
4、點擊add，添加mappings，注意路徑與上面的黑體路徑相符，后面需加一斜杠
5、設置好后，回到elements面板，盡情的調試你的樣式吧！會有奇跡哦！
調試之前elements中樣式
調試之前在編輯器中打開的本地樣式文件
調試后
有了workspace，媽媽再也不用擔心我來來回回的調試樣式了