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

标签：json   factor   ble   技术   gif   ons   tags   nbsp   image   

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

标签：json   factor   ble   技术   gif   ons   tags   nbsp   image   

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