众所周知，谷歌浏览器调试css/js代码非常方便，但似乎默认不保存。如何让调试后的代码直接保存在本地文件？工具/原料morechrome谷歌浏览器方法/步骤1/10分步阅读

chrome浏览器早期版本的操作方法与我现在要讲的方法有所不同，因此操作前请注意浏览器的版本号。

示例中的版本号：53.0.2785.116 m

2/10

任意打开一个需要调试的html文件

3/10

调出“Developer Tools”工具（ctrl+shift+i）

4/10

点击sources

5/10

选中调试文件，点击右键，Add folder to worspace

6/10

选择当前文件所在目录

7/10

这是浏览器会弹出警告，点击是。

8/10

这是关键性的一步，具体操作看下图（map to network resource）

9/10

映射对应文件

10/10

调试网页，刷新网页，发现修改后的结果被保存，至此配置成功！

注意事项

注意浏览器的版本

css,js文件必须与html文件分离，即不能写html文件内，否则不生效。