zoukankan      html  css  js  c++  java
  • console.log输出字体颜色

    在正常模式下,一般只能向console 控制台输出简单的文字信息。但为了把信息输出得更优雅更便于阅读,除了cosole.log()方法外还可以调用 cosole.warn() 来输出警告信息

    在输出信息前面会有一个带感叹号的黄色三角警告符号。似乎比一般的console信息要友好得多了。虽然图标是黄色的,但输出的文字仍然是黑色。

    另外经常用到的是输出错误信息。可以通过调用console.erro() 来实现。

    信息前面会出现一个带叉的红色圆形图标。

    这个效果要比警告信息更友好了,字体颜色成红色了。

    要更牛叉莫过于对文字应用样式。而现在这一特性已经在谷歌浏览器里实现了。

    在Chrome的开发者工具里,console 可以加样式,可以显示缤纷的颜色,甚至图片。简直爽翻了。

    具体来说,是可以对输出到console控制台的文字进行CSS控制。

    格式如下:

    console.log()    // 打印日志
    console.debug()  // 打印调试
    console.error()  // 打印错误
    console.info()   // 打印信息
    console.warn()   // 打印警告
    console.assert() // 打印断言
    console.clear()  // 清空
    

    %c表示css样式

    console.log('%cHello', 'color: #43bb88;font-size: 24px;font-weight: bold;text-decoration: underline;');
    

    %d表示数字

    console.log('%d', 123);
    

    %i表示整型数字

    console.log('%i', 123);
    

    %o表示DOM元素

    console.log('%o', document.body);
    

    %O表示javascript对象

    console.log('%O', new Date());
    
  • 相关阅读:
    GIT里 SSH和HTTPS的区别
    迷宫 DFS 算法
    全排列 DFS 模板
    独立岛问题的BFS,DFS求解
    红丝绒蛋糕
    BFS,DFS伪代码
    【转】一个时代的剪影----汉
    AlbertRender --- 实时&离线全局光照渲染器(一)
    【linux驱动笔记】linux模块机制浅析
    【linux驱动笔记】字符设备驱动相关数据结构与算法
  • 原文地址:https://www.cnblogs.com/enumx/p/12308528.html
Copyright © 2011-2022 走看看