Chrome DevTools 小贴士

19. 使用console.table 更好的展示对象 数组信息

2021-03-17  本文已影响0人  阿啦啦啦啦啦
console-table.gif
var languages = [
    { name: "JavaScript", fileExtension: ".js" },
    { name: "TypeScript", fileExtension: ".ts" },
    { name: "CoffeeScript", fileExtension: ".coffee" }
];

console.table(languages);

补充

属性太多还可以传第二个参数 ,只展示要某些字段 console.table(languages,['name']);

使用console.time 诊断程序的运行时间

console.time('My time #1');
console.timeLog('My time #1'); //打印计时器时间
console.timeEnd('My time #1');//打印计时器时间,并终止计时器

使用 console.timeStamp() , 可以在录制性能时间线打标记,快速定位性能问题

console-timestamp-timeline.gif
上一篇 下一篇

猜你喜欢

热点阅读