先给出个console大全贴
* console.info()和console.debug()都是console.log方法的别名,它们完全一样。
* warn方法和error方法也是输出信息,它们与log方法的不同之处在于,warn方法输出信息时,在最前面加一个黄色三角,表示警告;error方法输出信息时,在最前面加一个红色的叉,表示出错。其他用法都一样。
平日里,console.log就是当成stdout来打印打印js的变量用,其实还是有些酷酷的玩法。
看看console.log的API有哪些:
%s :Formats the value as a string.
如图所示,格式化输出字符串,超出部分就会衔接在末尾
%d or %i :Formats the value as an integer.
如图所示,格式化输出整型
计算机做的是截取整数位(和计算机精度有关),而不是四舍五入
%f :Formats the value as a floating point value.
如图所示,格式化输出浮点数
*‘undefined‘是console.log的返回值
%c :Formats the output string according to CSS styles you provide.
如图所示,可以自定义css样式输出
除了玩文字,还可以玩图片,嘿嘿
%o :Formats the value as an expandable DOM element (as in the Elements panel).
如图所示,将一个DOM元素进行html展开
%O :Formats the value as an expandable JavaScript object.
如图所示,将一个js对象进行树状展开
来点轻松的,
百度的console.log: