首页 > 编程语言 > 详细

[Javascript] Format console.log with CSS and String Template Tags

时间:2017-01-31 17:39:30      阅读:249      评论:0      收藏:0      [点我收藏+]

The Chrome console allows you to format messages using CSS properties. This lesson walks you through the syntax of formatting your logs with css then refactoring into a template tag function to make formatting more reusable.

 

const debug = (label, style, obj) => {
    console.log(`%c${label}`, `${style}`, `${obj}`);
};

debug(
    `debug: `,
    `color: white; background-color: grey; padding: 0 0.5em;`,
    JSON.stringify({name: Zhentian}));

 

技术分享

[Javascript] Format console.log with CSS and String Template Tags

原文:http://www.cnblogs.com/Answer1215/p/6358904.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!