强大的Chrome浏览器的控制台！！！

原来Chrome浏览器的控制台比我想的还要强大。。。今天在浏览技术网站的时候发现一个自己不知道的黑科技。。。在这里和大家分享。。。  

console.log家族  


console.clear ---console.clear();清空控制台  
1.console.log ('普通信息')  
2.console.info ('提示性信息')  
3.console.error ('错误信息')  
4.console.warn ('警示信息')  

如果再配合console.group 与console.groupEnd，可以将这种分类管理的思想发挥到极致。这适合于在开发一个规模很大模块很多很复杂的Web APP时，将各自的log信息分组到以各自命名空间为名称的组里面。  

console.[color=teal !important]group("app.bundle"); 
console.[color=teal !important]warn("来自bundle模块的警告信息1");console.[color=teal !important]warn("来自bundle模块的警告信息2"); 
console.[color=teal !important]groupEnd(); 

console.[color=teal !important]group("app.bundle"); 
console.[color=teal !important]log("来自bundle模块的信息1");console.[color=teal !important]log("来自bundle模块的信息2"); 
console.[color=teal !important]groupEnd(); 


console.table 可以将将信息可以把信息以表格的形式打印出来，这样就方便用户检查了     


console.assert

var isDebug=false; 
console.assert(isDebug,'开发中的log信息。。。');

当你想代码满足某些条件时才输出信息到控制台，那么你大可不必写if或者三元表达式来达到目的，cosole.assert便是这样场景下一种很好的工具，它会先对传入的表达式进行断言，只有表达式为假时才输出相应信息到控制台。   


console.count 
除了条件输出的场景，还有常见的场景是计数。当你想统计某段代码执行了多少次时也大可不必自己去写相关逻辑，内置的console.count可以很好地胜任这样的任务。 


console.dir 
将DOM结点以JavaScript对象的形式输出到控制台，而console.log是直接将该DOM结点以DOM树的结构进行输出，与在元素审查时看到的结构是一致的。不同的展现形式。 


console.time & console.timeEnd 
输出一些调试信息是控制台最常用的功能，当然，它的功能远不止于此。当做一些性能测试时，同样可以在这里很方便地进行。比如需要考量一段代码执行的耗时情况时，可以用console.time与 console.timeEnd来做此事。

console.[color=teal !important]time("Array耗时"); 
var array= new Array(10000000); 
for (var i = array.length - 1; i >= 0; i--) { 
   array[i] = new Object(); 
}; 
console.[color=teal !important]timeEnd("Array耗时"); 


copy

copy(document.body)

然后你就可以Ctrl+v了。注意：他不依附于任何全局变量比如window，所以其实在JS代码里是访问不了这个copy方法的，所以从代码层面来调用复制功能也就无从谈起。但愿有天浏览器会提供相应的JS实现吧~这样我们就可以通过js代码进行复制操作而不用再依赖Flash插件了。 


keys & values 
这是一对基友。前者返回传入对象所有属性名组成的数据，后者返回所有属性值组成的数组。具体请看下面的例子：

var tfboy={name:'wayou',gender:'unknown',hobby:'opposite to the gender'}; 
[color=teal !important]keys(tfboy); 
[color=teal !important]values(tfboy);