花式输出！玩转console.log

一、console.log格式化打印

console.log格式化这一用法一般都在个人博客或其他官网上有，当F12查看网页元素时，在控制台(console)那里偶尔会发现一些个性化的输出，感觉很奇特很好玩，其实现原理不难看一遍就晓得，具体实现如下

1、%c表示css样式

console.log('%c hello world', 'color: red;font-size: 24px;font-weight: bold;text-decoration: underline;');

2、%d表示数字

console.log('%d', 123);

3、%i表示整型数字

console.log('%i', 123);

4、%o表示DOM元素

console.log('%o', document.body);

5、%O表示javascript对象

console.log('%O', new Date());

二、console对象的一些方法

首先在控制台(console)输入console回车，会看到

有如此多的方法，本人常用的有

console.log()    // 打印日志
console.debug()  // 打印调试
console.error()  // 打印错误
console.info()   // 打印信息
console.warn()   // 打印警告
console.assert() // 打印断言
console.clear()  // 清空

本文转自：console.log格式输出全解及console的其他方法

更多参考：腻害了！我的console.log

- 持续更新 -