## 直接在瀏覽器上保存更改到本地文件 ### 通過工作空間保存更改 Google Chrome DevTools（谷歌瀏覽器開發者工具） 允許你對頁面或者 CSS 做出更改，并且可以實時查看更改效果。但是如果你需要復制外部編輯器中更改的內容并粘貼到 DevTools 時，什么對你才是更加重要的呢？工作空間可以讓這些更改暫時存儲在硬盤上而不需要離開 Chrome DevTools 界面。 通過工作空間，你可以在 Sources 面板中編輯任何類型的源文件并且將改動保存到硬盤上。并且你可以將資源從本地服務器映射到磁盤上的文件中，當你修改該文件并保存了之后，他們可以照常運行。并且，如果你對映射的設置是正確的，你在 Elements 面板上修改也會自動儲存到磁盤上。 ### 將項目放進工作空間（Workspace）中 要在 Sources 面板中編輯本地的源文件，右鍵點擊 Sources 面板的左部并選擇?Add Folder to Workspace。該操作會啟動一個文件選擇框，你可以選擇需要的文件夾添加到工作空間中（這并不會將當前高亮顯示的文件夾加入到你的工作空間中）。  當 Chrome 頂部出現黃色的提示 "DevTools requests full acess to [path to your folder]" 時，選擇 *Allow。 在 Chrome 中，你可以編輯該文件夾下的任何文件以及子文件夾。在這種情況下，“源文件”并只是 HTML、CSS 以及 JavaScript，其指的是任意類型的文件，包括 markdown 以及 JSON。 360瀏覽器上失敗了，谷歌瀏覽器沒有問題。 參考：[通過工作空間保存更改 - Chrome 開發工具指南 - 極客學院Wiki](http://wiki.jikexueyuan.com/project/chrome-devtools/saving-changes-with-workspaces.html) last update：2018-1-9 00:06:09