console~JS for Web

console 对象提供对浏览器控制台的接入(如:Firefox 的 Web Console)。不同浏览器上它的工作方式是不一样的
Console对象可以在任何全局对象中访问,如 Window,WorkerGlobalScope 以及通过属性工作台提供的特殊定义。
它被浏览器定义为 Window.console,也可被简单的 console 调用。
可以打印单个对象或多个对象(用,间隔)

格式化打印

可以在传递给console的方法的时候使用下面的字符以期进行参数的替换。
%o 打印javascript对象,可以是整数、字符串以及JSON数据
%d or %i 打印整数
%s 打印字符串
%f 打印浮点数

for (var i=0; i<5; i++) {
  console.log("Hello, %s. You've called me %d times.", "Bob", i+1);
}
console.log("I want to print a number:%d","string")    //I want to print a number:NaN

使用"%c"为打印内容定义样式

console.log("%cMy stylish message", "color: red; font-style: italic");

Console.assert()

判断第一个参数是否为真,false的话抛出异常并且在控制台输出相应信息。

Console.clear()

清空控制台。

Console.count()

以参数为标识记录调用的次数,调用时在控制台打印标识以及调用次数。

Console.error()

打印一条错误信息,使用方法可以参考 string substitution。

Console.group()

打印树状结构,配合groupCollapsed以及groupEnd方法;

console.log("This is the outer level");
console.group();
console.log("Level 2");
console.group();
console.log("Level 3");
console.warn("More of level 3");
console.groupEnd();
console.log("Back to level 2");
console.groupEnd();
console.debug("Back to the outer level");

Console.groupCollapsed()

创建一个新的内联 group。使用方法和group相同,不同的是groupCollapsed打印出来的内容默认是折叠的。

Console.groupEnd()

结束当前Tree

扫描二维码关注公众号,回复: 36813 查看本文章

Console.info()

打印以感叹号字符开始的信息,使用方法和log相同

Console.log()

打印字符串,使用方法比较类似C的printf格式输出,可参考 string substitution 。

Console.profile()

可以以第一个参数为标识,开始javascript执行过程的数据收集。和chrome控制台选项开Profiles比较类似,具体可参考chrome profiles

Console.table()

将数据打印成表格。Console.table [en-US]

Console.time()

计时器,接受一个参数作为标识。

console.time("answer time");    //answer time: timer started
alert("Click to continue");
console.timeEnd("answer time");    //answer time:998ms

需要注意的是当你统计网络请求次数的时候,header和 response body请求是分开的,换句话说response.header+response.body的次数= console.time的统计次数

Console.timeEnd()

接受一个参数作为标识,结束特定的计时器。

Console.trace()

打印stack trace.
打印当前Console.trace执行的函数堆栈

Console.warn()

打印一个警告信息,使用方法可以参考 string substitution。

猜你喜欢

转载自www.cnblogs.com/qq3279338858/p/8902950.html