chrome调试技术
chrome devtool
打印
- console.table()
通常打印都用console.log 但是console.log显示的数组或json不够美观,console.table会以表格形式输出内容(可以打印多维数组,和对象) - console.dir(用于打印dom对象)
是侧重于字符串化的打印,console.dir能递归所有的对象属性,console.log只能打印对应的节点信息 - 打印带有样式
console.log(‘%c 这是我输入的内容 ‘,’background:#ccc;color:red’) - console.trace 追踪函数调用
检查没有用的css/js
chrome59新增功能,能够检查页面上的css/js没有用到的比例,打开devtooles –> coverage 绿色的是用到的,红色是没有用到的