输出
console.log("打印字符串");//在控制台打印自定义字符串
console.error("我是个错误");//在控制台打印自定义错误信息
console.info("我是个信息");//在控制台打印自定义信息
console.warn("我是个警告");//在控制台打印自定义警告信息
console.debug("我是个调试");//在控制台打印自定义调试信息
cosole.clear();//清空控制台（这个下方截图中没有）
console.dir(document.body) // 对象输出
计时
console.time() //计时开始
for(var i=0; i< 10000000; i++){}
console.timeEnd() //计时结束并输出时长
default: 26.652099609375ms
性能分析
Chrome开发者工具中的Audits标签页也可以实现性能分析。
debugger（核心调试功能）
右侧按钮以及下面跟强大的功能
- Pause/Resume script execution：暂停/恢复脚本执行（程序执行到下一断点停止）。
- Step over next function call：执行到下一步的函数调用（跳到下一行）。
- Step into next function call：进入当前函数。
- Step out of current function：跳出当前执行函数。
- Deactive/Active all breakpoints：关闭/开启所有断点（不会取消）。
- Pause on exceptions：异常情况自动断点设置。
- Watch：Watch表达式
- Call Stack: 栈中变量的调用，这里是递归调用，肯定是在内存栈部分调用。
- Scope：当前作用域变量观察。
- BreakPoints：当前断点变量观察。
- XHR BreakPoints：面向Ajax，专为异步而生的断点调试功能。
- DOM BreakPoints：主要包括下列DOM断点，注册方式见下图
断点
- 当节点属性发生变化时断点（Break on attributes modifications）
- 当节点内部子节点变化时断点（Break on subtree modifications）
- 当节点被移除时断点（Break on node removal）
- Global Listeners：全局事件监听
- Event Listener Breakpoints：事件监听器断点，列出了所有页面及脚本事件，包括：鼠标、键盘、动画、定时器、XHR等等。
Chrome页面性能工具(performance，以前的timeline)
其他
- 在Network面板，选择一个资源文件，右键Copy Response可快速复制响应内容。
- 可以用Chrome开发者工具Sources标签页中的格式化按钮（Pretty Print Button）格式化压缩后的代码。
- 利用媒体查询，这个主要是在Device Mode调节不同的分辨率显示。
- 全局搜索：option+command+f
