浏览器Console对象部分API使用简述

1.清空控制台

使用console.clear()指令清空你的控制台。

2.控制台输出添加样式

你可以使用%c指令给你的输出指定样式:
console.log('%c Make console greate again!', 'font-size:50px; background:red;')

Paste_Image.png

3.显示表格样式的数据

使用console.table(object)，提供一个对象，让它像表格一样显示：

让我们来试试：

persons = [ { name: 'Hien Vuong', city: 'Ho Chi Minh' }, { name: 'Donald Trump', city: 'New York' }]

console.table(persons)

Paste_Image.png

4.分组输出数据

使用console.group(message)和console.groupEnd()指令，用下拉列表的形式分组输出全部日志。

让我们用上面的persons对象试试：
···
persons.forEach(p => {
console.group();
console.log(This is ${p.name});
console.log(He comes from ${p.city});
console.groupEnd();
});
···

Paste_Image.png

---