Chrome Devtools 执行保存代码片段

在平常开发过程中，我们经常有些 JavaScript 的代码想在 Chrome Devtools下调试，直接在 console 下 写 很麻烦； 或者我们经常有些代码片段(数组排序，简易的Ajax封装)想保存起来，每次打开 Devtools 都能获取到这些代码片段，而不用去本地某个目录下 copy 出来，那 Chrome Devtool 就提供了这种功能

如图所示，在 Sources 这个 tab栏下，有个 Snippets (一般都隐藏起来了，需要点击 >> ，就能发现了) ，出来后，就可以愉快的添加代码 片段了。

需要提醒的是，这个功能是不会自动保存代码的(没有保存代码，会显示一个 * )，如果希望下次唤出 Devtools 代码还在的话 window记得 ctrl + s 下(mac 环境也是相对应的保存按钮)

这个功能相当实用，一般人我不告诉他。

好了，国庆节最后一天假了，小编在火车上完成这篇文章。要收心，回上海上班了。