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

转载于 2017-01-31 16:40:00 发布 · 54 阅读

0 ·

CC 4.0 BY-SA版权

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

文章标签：

#javascript #json #ViewUI

本文介绍如何使用CSS属性在Chrome控制台中格式化日志消息，通过示例展示了如何利用自定义样式来增强日志的可读性，并提供了一种使用模板标签函数的方法以提高格式化的复用性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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'}));