Chrome Devtools 执行保存代码片段

358 阅读1分钟

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

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

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

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

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