zoukankan      html  css  js  c++  java
  • 如何在浏览器控制台(console)里输出彩色样式调试信息

    最近我在打开淘宝,发现它里面实现以一些非常奇特的效果。我打开淘宝浏览器的控制台,看到了下面的信息:

    安全警告!
    请勿在此控制台输入或粘贴你不明白的代码,以避免攻击者窃取你的信息来冒充你。

    在控制台(console)里看到这些信息内容我并不奇怪,让我感到奇怪的是,“警告”两个字是红色的,而且背景色是黄色的。而且字体也不其它文字要大一些。这格式化的样式现实效果是如何实现的?

    console.log("%c%s",
                "color: red; background: yellow; font-size: 24px;",
                "警告!");

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

    至于为什么要用这样的格式化效果,它能帮助你更好的在控制台(console)输出debug信息,更好的为调试程序服务。比如,严重错误或警告信息就需要用打个字体,醒目的颜色突出显示,你觉得呢,你会用这个彩色的控制台(console)信息输出技巧吗?

  • 相关阅读:
    徐州网络赛2018
    缩点
    [tire+最短路]Bless You Autocorrect!
    【网络流】One-Way Roads
    【二进制枚举+LCS】Card Hand Sorting
    [数学][欧拉降幂定理]Exponial
    Hbase之更新单条数据
    Hbase之批量删除数据
    Hbase之删除数据
    Hbase之尝试使用错误列族获取数据
  • 原文地址:https://www.cnblogs.com/alantao/p/5109134.html
Copyright © 2011-2022 走看看