花式输出！玩转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

- 持续更新 -