JavaScript-在控制台日志的文本中添加样式
鲁吉尔·古普塔
最近，我在Chrome浏览器上登录了我的FB帐户。当我打开开发人员工具时，我看到了如下内容：
现在，我知道可以使用javascriptconsole.log函数向控制台添加任何内容。但是我的问题是-他们如何为文本添加样式？例如：“停！” 用红色tahoma字体书写，带有黑色边框和较大的字体。他们是如何做到的呢？
khalid13
Addy Osmani有一个很好的解释：
https://plus.google.com/+AddyOsmani/posts/TanDFKEN9Kn（archive.org）
Chrome DevTools中的样式化控制台日志记录（金丝雀）
多亏了+ Mike West先生，您现在可以通过％c向控制台日志中添加样式，就像在Firebug中一样。例如
console.log("%cBlue!", "color: blue;");
console.log('%cBlue! %cRed!', 'color: blue;', 'color: red;');现在也支持诸如的块:)虽然大多数人可能会出于实际目的使用此功能，但也可以对它有点乐趣：）（请参见下文）
不甘示弱，这是几天前+ Mike West提出的内容
;）
基本上，您可以使用%c参数传递CSS样式。例如，请在Chrome控制台中尝试以下操作：
console.log("%cBlue! %cGreen", "color: blue; font-size:15px;", "color: green; font-size:12px;");本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
Javascript Office插件中的控制台日志
- 2
javascript怪异的控制台日志
- 3
Javascript承诺和控制台日志？
- 4
在本机javascript Promise链中利用控制台日志记录
- 5
使用Firefox将JavaScript控制台登录到日志文件中
- 6
使用javascript中的控制台日志打印输出同一行
- 7
使用Firefox将JavaScript控制台登录到日志文件中
- 8
javascript控制台日志不起作用
- 9
SignalR JavaScript控制台日志重定向
- 10
foreach javascript的控制台日志未显示
- 11
Javascript停止和启动控制台日志
- 12
Javascript 控制台日志元素的值一一
- 13
在Javascript中定义控制台
- 14
将变量打印到文本区域而不是javascript中的控制台
- 15
在JavaScript中创建一系列基于控制台文本的输入？
- 16
在Javascript中，是否可以像在终端机中一样在站点的控制台日志中传递命令？
- 17
Chrome Inspect在JavaScript控制台日志中重复输出第一个数据
- 18
JavaScript控制台程序
- 19
哪里可以找到Xcode中tvos的JavaScript控制台？
- 20
木偶在网站控制台（devtools）中运行javascript
- 21
从devtools控制台读取匿名Javascript函数中的变量
- 22
javascript调试器控制台（Chrome）中的颜色
- 23
在 Javascript 中打印语句（不是控制台）
- 24
Firefox 控制台在 javascript 代码中显示语法问题
- 25
在Javascript中，您可以在迭代对象时使用模板文本来控制台对象的log.log内容吗？
- 26
如何创建格式化的JavaScript控制台日志消息
- 27
为什么我不能在iOS 7上正确使用Javascript日志控制台？
- 28
Changein javaScript变量是临时的，我如何使其成为永久变量。控制台日志已附加
- 29
无法将Javascript控制台日志的内容发送到PHP？
我来说两句