作为前端开发者，你必须了解Chrome的内置控制台。它具有非常丰富的特性和功能，对我们的开发很有帮助！1.元素选择器($)如果接触过JQuery，对$()肯定不陌生。这是一个元素选择器，用于选择HTML元素，但是现在，我们需要了解的是控制台中的$()。打开百度，按F12打开控制台$()相当于JavaScript中的document.querySelectorAll()，返回一个数组（后者返回一个类数组对象）。注意：$()本身应该是document.querySelector()，但是今天测试返回的是一组值，需要研究一下。如上图所示，$()[index]可以返回一个元素。其实还有很多快捷键：$//相当于document.querySelector。$$//等同于document.querySelectorAll。$_//返回前一个表达式的值$0-$4//返回在元素面板中选择的最后5个DOM元素。dir//console.dirkeys//获取对象的键名，返回键名数组directionkeyboardcopy(content)//把内容（也可以说是content）复制到剪贴板2.consoleconsole相信大家都用的最多，这里就不介绍了。你可以阅读这篇文章：《JavaScript在浏览器上的调试技巧》3。让Chrome变成一个编辑器在Chrome中，我们只需要一行命令就可以把它变成一个编辑器：document.body.contentEditable=true4.clear()如果你想清除控制台和内存，只需要这样做：clear()然后点击Enter键。下面介绍几个有趣又实用的功能：1.截图其实chrome提供了截图功能，不过好像只能在手机模式下使用。2.代码格式化有时，我们在控制台的Sources中查看CSS或JavaScript文件时，会看到一堆压缩代码，但点击此处即可：3.打开命令菜单，按Cmd+Shift+P(Mac)或Ctrl+Shift+P（Windows、Linux）打开命令菜单。4.隐藏一些控制台日志。如果日志太多，我们可以隐藏一些控制台日志（右键点击输出日志的脚本，过滤->隐藏）。这里还有一个关于Chrome开发工具的好文档：Chrome开发工具文档
