笔者在前段时间的开发时，需要通过
Chrome DevTools来分析一个接口，调试中发现了控制台中的copy函数，非常的好用，进而发现了新世界，学习到了 Chrome 一些奇怪的调试技巧，这里总结分享给大家，希望能对各位的开发起到帮助！
多图预警，建议在Wifi环境下阅读本文章。
开发者工具函数
copy
copy 函数可以让你在 console 里拿到任意的资源，甚至包括一些变量，在复制一些特别冗长的数据时特别有用，当复制完成后，直接使用 ctrl v 即可。
copy 接受一个变量作为参数，如果有多个参数，则忽略第一个后面的所有参数，当需要复制不存在变量名的数据时，可以配合 Store As Global 来使用。
Store As Global
当我们从控制台获取一些数据却没有变量名时（在开发时特别常见），可以通过右键点击数据旁的小三角形，通过其来储存为全局变量，变量名为 temp1 一直延续下去，就可以配合 copy 获取变量名打印了，该功能对 HTML 元素同样适用。
$
这个 $ 和 jQuery 中的 $ 有部分相似之处，均可以作为选择器来使用，这里依次介绍其用法。
首先是 $0 ~ $4 可以获取点击的 HTML 元素，其中 $0 对应着最后一次点击的元素，$1 次之，依序排列直到$4 。
根据这个操作可以很轻易的复制一个元素，并对其执行一些 DOM 操作。
还可以作为选择器使用，其中 有两种用法，分别是单 $ 和双 $，需要注意的是，双 $ 返回的并非 NodeList而是一个纯正的数组，直接方便了我们在控制台调用API
