除了Console.log()之外的更多Javascript调试命令

控制台对象提供对浏览器控制台(如火狐的网络控制台)的访问。它在不同的浏览器中工作方式不同，但下面是Metropolis提供的一些界面特性。

控制台对象可以在任何全局对象中访问，如窗口、工作全局范围和通过属性工作台提供的特殊定义。它被定义为窗口。通过浏览器控制台，也可以通过简单的控制台调用。

最常用的方法是Console.log()，即在控制台中输出内容。刚开始学前端的时候，看到大家都用Console.log()，但是几乎看不到Console的其他用途。Console真的没有其他用途吗？检查后发现控制台还是很强大的。至于为什么很少使用，可能是因为已经删除了。在此记录控制台的其他用途。

注意：由于Console对象提供了对浏览器控制台的访问，不同浏览器中的支持和表达形式可能有所不同，但是调试内容只有我们开发人员才能看到，所以保证开发环境可以使用这些方法就足够了。下面的演示都是Chrome上面的效果。

分类输出

不同类别信息的输出

Console.log('文本信息')；Console.info('提示信息')；Console.warn('警告信息')；Console.error('错误消息')；

数据包输出

用Console.group()和Console.groupEnd()打包分组内容。

您也可以使用Console.groupCollapsed()而不是Console.group()来生成折叠的组。

Console.group('第一组')；console . log(' 1-1 ')；console . log(' 1-2 ')；console . log(' 1-3 ')；console . GroupEnd()；Console.group('第二组')；console . log(' 2-1 ')；console . log(' 2-2 ')；console . log(' 2-3 ')；console . GroupEnd()；

Console.group()也可以嵌套

Console.group('第一组')；console . group(' 1-1 ')；console . group(' 1-1-1 ')；console . log(' content ')；console . GroupEnd()；console . GroupEnd()；console . group(' 1-2 ')；console . log(' content ')；console . log(' content ')；console . log(' content ')；console . GroupEnd()；console . GroupEnd()；Console.groupCollapsed('第二组')；console . group(' 2-1 ')；console . GroupEnd()；console . group(' 2-2 ')；console . GroupEnd()；console . GroupEnd()；

表格输出

使用console.table()以表格形式输出传入的对象或数组。适合排列整齐的元素

var Obj={ Obj1: { a: 'aaa '，b: 'bbb '，c: 'ccc' }，Obj2: { a: 'aaa '，b: 'bbb '，c: 'ccc' }，Obj3: { a: 'aaa '，b: 'bbb '，c: 'ccc' }，Obj 43: { a3avar Arr=[ ['aa '，' bb '，' cc']，['dd '，' ee '，' ff']，['gg '，' hh '，' ii']，]console . table(Arr)；

查看对象

使用Console.dir()显示对象的所有属性和方法。Console.dir()和Console.log()在Chrome中具有相同的效果

var CodeDeer={ NEMA : ' CodeDeer '，blog: 'www.xluos.com '，} console . log(' console . dir(CodeDeer)')；console . dir(CodeDeer)；console . log(' console . log(CodeDeer)')；console . log(CodeDeer)；

查看节点

使用Console.dirxml()显示对象的所有属性和方法

在Chrome中，Console.dirxml()和Console.log()具有相同的效果

百度主页logo的节点信息

条件输出

使用console.assert()，可以执行条件输出。

当第一个参数或返回值为真时，不输出内容。当第一个参数或返回值为false时，将输出以下内容并引发异常

Console.assert(true，‘你永远不会看到我’)；console . assert((function(){ return true；})()，‘你永远见不到我’)；Console.assert(false，“你可以看到我”)；console . assert((function(){ return false；})()，‘你能看见我’)；

计数输出

使用Console.count()输出内容和调用次数

(function(){ for(var I=0；I 3；I ){ console.count('运行次数：')；} })()

跟踪调用堆栈

使用Console.trace()跟踪调用函数的过程。复杂项目中有很多调用过程。使用此命令帮助您找到答案。