Console对象的高级用法

Console介绍

Console 对象提供对浏览器控制台的接入（如：Firefox 的 Web Console，Google Chrome的DevTools等）。不同浏览器上它的工作方式是不一样的。

Console对象可以在任何全局对象中访问，如Window，WorkerGlobalScope以及通过属性工作台提供的特殊定义。

它被浏览器定义为Window.console，也可被简单的console调用。例如：

Console方法

• Console.assert()
  • 判断第一个参数是否为真，false的话抛出异常并且在控制台输出相应信息。
• Console.clear()
  • 清空控制台。
• Console.count()
  • 以参数为标识记录调用的次数，调用时在控制台打印标识以及调用次数。
• Console.countReset()
  • 重置指定标签的计数器值。
• Console.debug()
  • 控制台打印一条“debug”级别的日志消息。
  • Note: 在Chromium 58 之后的版本，只有勾选了控制台中的 “Verbose” 日志级别才可见。
• Console.dir()
  • 打印一条以三角形符号开头的语句，可以点击三角展开查看对象的属性。This listing lets you use disclosure triangles to examine the contents of child objects.
• Console.dirxml()
  • 打印 XML/HTML 元素表示的指定对象，否则显示 JavaScript 对象视图。
• Console.error()
  • 打印一条错误信息，使用方法可以参考 string substitution。
• Console._exception()
  • error方法的别称，使用方法参考 Console.error()
• Console.group()
  • 打印树状结构，配合groupCollapsed以及groupEnd方法;
• Console.groupCollapsed()
  • 创建一个新的内联 group。使用方法和group相同，不同的是groupCollapsed打印出来的内容默认是折叠的。
• Console.groupEnd()
  • 结束当前Tree
• Console.info()
  • 打印以感叹号字符开始的信息，使用方法和log相同
• Console.log()
  • 打印字符串，使用方法比较类似C的printf格式输出，可参考 string substitution 。
• Console.profile()
  • Starts the browser's built-in profiler (for example, the Firefox performance tool). You can specify an optional name for the profile.
• Console.profileEnd()
  • Stops the profiler. You can see the resulting profile in the browser's performance tool (for example, the Firefox performance tool).
• Console.table()
  • 将列表型的数据打印成表格。
• Console.time()
  • 计时器，接受一个参数作为标识。
• Console.timeEnd()
  • 接受一个参数作为标识，结束特定的计时器。
• Console.timeStamp()
  • 添加一个标记到浏览器的 Timeline 或 Waterfall 工具.
• Console.trace()
  • 打印 stack trace。
• Console.warn()
  • 打印一个警告信息，可以使用 string substitution 和额外的参数。

Console高级用法

什么是高级用法？直白点说就是几个方法的扩展使用，只是扩展用法很少见，文档也很少提及而已。看到网有有人整理了一份，补充：