如何在浏览器控制台(console)里输出彩色样式调试信息

作者: 萤火虫de梦 | 来源:发表于2017-12-14 12:25 被阅读27次

1.png

2.png

console.log("%c%s",
            "color: green; background: yellow; font-size: 24px;",
            "深圳工作室wswifi欢迎你！");

这里的用法很像C语言里格式化字符串输出的printf函数，log的第一个参数声明第二、第三个参数的作用，第二个参数就是样式，第三个参数是要输出的字符串。

如何在浏览器控制台(console)里输出彩色样式调试信息
这里的用法很像C语言里格式化字符串输出的printf函数，log的第一个参数声明第二、第三个参数的作用，第二个参数...
JS常用的输出方式
console 控制再浏览器控制台输出的 console.log() 控制台输出日志 console.dir() ...
WPF+调用控制台输出信息
WPF + 控制台输出信息需求：有时候我们需要在WPF项目调试的时候使用 console输出log ，输出错...
HTML DOM Console对象
HTMLDOMConsole对象 Console 对象提供了访问浏览器调试模式的信息到控制台。 CONTENT a...
WPF：将调试信息输出到控制台
在调试WPF项目时，需要把调试信息输出到Console。除了更改项目输出类型为控制台应用程序外，还可以使用API函...
1.6 JS中常用的几种输出方式
JS中常用的输出方式 console 控制在浏览器控制台输出的console.log() 控制台输出日志conso...
console详解
什么是console？在前端开发中，我们很经常使用console在控制台输出一些调试信息，最常用的大概就是con...
基础
console.log() 控制台输出日志console.warn()输出警告信息console.error()输...
console.log
关于console.log 在控制台输出有样式 console.log('%c 你想输出的值', 'font-si...
console 对象与控制台
console 对象与控制台 console 对象的静态方法 console.log方法用于在控制台输出信息。它可...