## 直接在浏览器上保存更改到本地文件 ### 通过工作空间保存更改 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