1. 谷歌浏覽器修改CSS和js後同步儲存到源檔案中–DevTools的使用
在寫web頁面的時候我們都會使用浏覽器做調試，調試就會經常使用F12，并且會在開發工具裡修改樣式，但是修改的樣式并不能同步到源檔案，導緻我們還得複制一遍。但是谷歌浏覽器的DevTools是可以讓我們修改的同時同步到源檔案中去，這裡隻寫谷歌浏覽器。
- 打開谷歌的F12，找到Settings，打開它
【前端開發】前端開發效率工具集合 - 找到Workspace，點選這個選項
3. 看下圖，點選Add folder 添加你的工作目錄，我的已經添加了。
4. 添加上目錄 會提示你是否允許。。。。點選允許
5. 之後找到Sources 會看到你添加的項目。然後你就可以打開css或者js檔案做修改了，修改完記得ctrl+s 儲存