你不知道的console.log用法

变量包装

您在 console.log() 的时候,将参数用大括号括起来,这样可以同时看到变量名和变量值。

图片[1] - 你不知道的console.log用法 - 捕风阁

打印表格

// [] 里面指的是可选参数
console.table(data [, columns]);

基本用法

console.log('最常见用法\n换行');

console.error('输出错误信息 会以红色显示');

console.warn('打印警告信息 会以黄色显示');

console.info('打印一般信息');

console.clear();//清空上面的console显示

判断

console.assert(false,'判断为false才显示的信息');
//console.assert(bool,”info”) 如果bool为false 打印出info 否则不打印

 

样式

console.log(
  "%c捕风阁",
  "font-size: 60px;background: #EEE url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAHklEQVQImWNkYGBgYGD4//8/A5wF5SBYyAr+//8PAPOCFO0Q2zq7AAAAAElFTkSuQmCC) repeat; text-shadow: 5px -5px black, 4px -4px white;  font-weight: bold;  -webkit-text-fill-color: transparent;  -webkit-background-clip: text;"
);

console.log(
  "%c%s",
  "color: blue; font-size: 16px;",
  "本程序由捕风阁-极客实验室开发\n\n作者邮箱admin@osuu.net \n\n你可以通过 http://www.osuu.net 了解我们 "
);

 

 

 

 

© 版权声明
THE END
喜欢就支持一下吧
点赞6 分享
抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容