[Javascript] Format console.log with CSS and String Template Tags
2023-09-14 08:59:18 时间
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学习总结(九)——Javascript面向(基于)对象编程详解编程语言
- JavaScript学习总结(五)——Javascript中==和===的区别详解编程语言
- MySQL启用Log记录技术深度剖析(mysql开启log)
- Linux分析启动Log:排查故障的利器(linux启动log)
- Linux Log查看方法。(linux如何查看log)
- log深入了解Oracle Redo Log!(Oracle查看redo)
- 利用Oracle Log表优化数据库性能(oracle log表)
- Oracle Log截断使用最佳实践简化管理(oracle log截断)
- Javascript实例教程(19)使用HoTMetal(4)
- Javascript中暂停功能的实现代码
- Javascript更新JavaScript数组的uniq方法
- Javascript的一种模块模式
- javascript实现划词标记划词搜索功能
- javascript动态改变onclick事件触发函数代码
- javascript的console.log()用法小结
- javascript显示用户停留时间的简单实例
- javascript:void(0)是什么意思示例介绍
- Javascript按位与运算符(&)使用介绍
- JavaScript中的console.log()函数详细介绍