Chrome Developer Console中不同颜色的变量类型有哪些?

时间:2015-11-02 11:33:11

标签: javascript google-chrome google-chrome-devtools

Chrome开发者控制台打印出变量console.log(variable)的值  根据变量的类型使用不同的颜色。例如,string值为黑色,null值为灰色。

  1. 是否有任何文件如何定义?

  2. 是否可以修改不同值类型的自定义颜色?与基本控制台消息类似:console.log("%cBlue!", "color: blue;")

  3. 类型的默认颜色是固定的:

    • 字符串值为黑色
    • null / undefined为灰色
    • 数字值为蓝色
    • 布尔值为蓝色
    • 对象/数组值为黑色(前面的箭头)
    • 对象/数组属性为紫色
    • 对象/数组属性字符串值为红色(引号)

    您可以使用格式化程序修改某些类型(字符串,整数,浮点数)的输出,但您必须事先知道类型:https://developer.chrome.com/devtools/docs/console-api#consolelogobject-object

      

    目前似乎不可能有自定义颜色   具有自动类型检测的类型。

2 个答案:

答案 0 :(得分:2)

  

是否有任何文件如何定义?

是。您可以检查devtools here提供的所有控制台apis。

  

是否可以修改不同值类型的自定义颜色?

没有。你只能使用apis。 API不是通用的添加您自己的颜色或格式。根据日志的类型或使用适当的apis。如console.logconsole.dirxml等,请检查链接是否有更多apis。

答案 1 :(得分:0)

按照chrome doc获取与控制台相关的所有信息

https://developer.chrome.com/devtools/docs/tips-and-tricks