console.log格式化及console对象

一、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、%f表示浮点数  

console.log('%f', 123.563);

 3、%i、%d表示整型数字  

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()  // 清空

 

转载于:https://www.cnblogs.com/he-bo/p/9638812.html