Skip to main content

控制台

console.time() && console.timeEnd()

分析函数的性能

console-time.png

console.count

记录一个函数或则一段代码重复执行了多少次

console-count.png

console.trace

打印的数据的 stacktrace

console.trace.png

console.table

将对象以表格的形式打印出来

console.table.png

console.table.obj.png

API工具方法

keys/values

console-keys.png

Store as global variable

store-as-global-variable.png

copy

快速拷贝一个对象为字符串表示方式到剪切板

console-copy.gif

monitorEvents/unmonitorEvents

可以观察DOM的触发事件

console-monitorEvents.gif

monitor/unmonitor

用来观察函数调用的工具方法。在函数调用的时候,可以同步输出函数名以及参数。

console-monitor.png

getEventListeners

获取注册到一个DOM上的所有事件监听器

console-getEventListeners.gif

debug/undebug

console-debug.gif

参考资料

console全家桶

Chrome Console Api

Chrome Console utils API参考