Javascript开发调试常用的console的大全

最近开发前端代码走了查了一圈，发现很多优秀的网页调试文章，在翻阅了相关的文章后，总结了一下，将所有console已知的我能查到的功能记录如下：

说明：本文调试的图文使用谷歌浏览器使用F12进行调试到的相关信息和操作，未使用其他浏览器进行分析，有不同点的朋友可以自行总结，本文说提供的例程只是用来说明使用的代码，由于原来代码较长没有发出来，大家只需要看看如何演示就可i使用，如果需要完整代码就留言吧。

目录

 一、消息输出类：(log,debug,error,info,trace,warn)

二、特殊格式输出:(table,assert,dir,dirxml,count)

三、其他功能类：(memory,clear,profile,profileEnd,group,groupCollapsed,groupEnd,time,timeEnd,timeStamp)

 一、消息输出类：

 1.1、log(message?: any, ...optionalParams: any[]): void;

 功能：我们用得最多的一项功能了下面只做了下演示代码：

var sanji_i = 0;
console.clear();//清屏一下
for (var i in nav_two_json){
    var erji_id =  nav_two_json[i];
    var neirong = "";
    for(var x in menuJson){
        if(menuJson[x]['pid'] == erji_id){
            neirong = $("li[id='"+erji_id+"'] dl").html();
            neirong = neirong+html3(menuJson[x]['name'],menuJson[x]['url'],menuJson[x]['id']);
            $("li[id='"+erji_id+"'] dl").html(neirong);
            nav_three_json[sanji_i] = menuJson[x]['id'];
            sanji_i++;
//关键我们看着边的输出由于这个代码有点大就节选部分menuJson的数组就不列出来
            console.log("三级导航", '二级PID=' +erji_id+' 三级ID='+x);            
        }
    }
}

得到结果如下图： 

1.2、debug(message?: any, ...optionalParams: any[]): void;

 功能：与log()功能一样 ，基本上没有区别 标签不同

1.3、error(message?: any, ...optionalParams: any[]): void;

 功能：与log函数类似用法一样但是输出来的是一个错误标签，在调试器上看到的是红色标签点开来可以看到详细信息包括堆栈内容和出错函数以及行号等等

1.4、info(message?: any, ...optionalParams: any[]): void;

功能：与log()功能一样 ，基本上没有区别 

1.5、trace(message?: any, ...optionalParams: any[]): void;

功能：打印一个某一变量在堆栈中使用情况，可以清楚知道该变量来自哪里。可以仔细看一下1.6图中的输出对比.。

1.6、warn(message?: any, ...optionalParams: any[]): void;

功能：与log()功能一样 ，不过输出来的是黄色图标，在分类不同消息时候很有用看下图比较比较清楚看到各指令输出的相同一不同

二、特殊格式输