chrome devTools--Source面板的小功能

记录一些Source面板常用的调试方法。

实时编辑代码功能

该功能可以一边修改并保存到本地文件中，在sources工作组中右键点击 ” Add folder to workspace ” 将本地文件夹添加到该工作组中，在添加进来的文件夹中打开你想要编辑的文件，或者在文件上右键点击 ” Map to File System Resource… “,也可以 “Ctrl+o” 打开搜索面板再打开文件。

编辑之后按Ctrl+s保存，在本地文件中也会被修改。

---

snippets

相当于开发者工具的编辑器。使用它写js就不用在项目目录中重新创建一个文件了，而且编辑之后可以调试。

如图所示：在snippets工作组中右键单击 ” New “ 新建一个文件，编辑之后在该文件右键点击 ” RUN “ 运行，或者在右边调试工作面板也有相应的操作。
该功能只能编辑js文件！

---

觉得这俩功能挺实用，还有其他功能留待以后添加。