首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何创建格式化的javascript控制台日志消息

如何创建格式化的javascript控制台日志消息
EN

Stack Overflow用户
提问于 2014-03-04 03:45:57
回答 4查看 60.6K关注 0票数 100

今天我在Facebook的Chrome控制台上“摇摇摆摆”。

令人惊讶的是,我在控制台上收到了这条消息。

现在我的问题是:

这怎麽可能?

我知道控制台有一些“利用”的方法,但是你如何在控制台中设置这样的字体格式呢?(它是console.log吗?)

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2014-03-04 03:53:35

可以,您可以使用以下内容设置console.log()的格式:

代码语言:javascript
复制
console.log("%cExtra Large Yellow Text with Red Background", "background: red; color: yellow; font-size: x-large");

注意第一个参数中文本之前的%c和第二个参数中的样式规范。文本将看起来像您的示例。

有关详细信息,请参阅Google's "Styling Console Output with CSS"FireBug's Console Documentation

文档链接还包括其他一些巧妙的技巧,比如在控制台日志中包含对象链接。

票数 140
EN

Stack Overflow用户

发布于 2016-11-24 19:28:59

还可以设置子字符串的格式。

代码语言:javascript
复制
var red = 'color:red';
var blue = 'color:blue';
console.log('%cHello %cWorld %cfoo %cbar', red, blue, red, blue);

票数 33
EN

Stack Overflow用户

发布于 2014-03-04 03:54:01

来自谷歌网站:site

代码语言:javascript
复制
console.log("%cThis will be formatted with large, blue text", "color: blue; font-size: x-large");
票数 9
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/22155879

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档