0%

2021-4-7- Chrome Devtools Tip: 19. 使用console.table 更好的展示对象 数组信息

console-table.gif

1
2
3
4
5
6
7
var languages = [
{ name: "JavaScript", fileExtension: ".js" },
{ name: "TypeScript", fileExtension: ".ts" },
{ name: "CoffeeScript", fileExtension: ".coffee" }
];

console.table(languages);

补充

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

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

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

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

console-timestamp-timeline.gif

欢迎关注我的其它发布渠道

来发评论吧~
Powered By Valine
v1.5.2