控制台函数总结

1、$0:当前选中的元素。若当前无选择元素返回undefined
$0.style.color = "green";

2、javascript 性能调试器
console.profile();
var drag1 = new Drag(dragOption1);
console.profileEnd();
当调用到profileEnd时，控制台就会创建一个报表，将期间所有的函数调用都统计出来。包括每次调用花费的事件及调用次数。
也可以使用profile的快照（snapshot）功能生成页面当前的heap的快照。
console.profile("snapshot");

显示当前使用了多少对象占用了多少内存。
也可以使用record特性。
console.profile("record");
console.profileEnd("record");
查看哪些函数被调用了以及哪些函数耗费了更长时间。

3、查看JS执行时间
在要统计开始JS的前面插入
console.time("name");
结束后插入。
console.timeEnd("name");
执行结果 name: 20.000ms

4、$x()函数返回匹配某个XPath表达式的一组元素组成的数组
例如
$x("/html/body//ul")。返回body下的所有ul
$x("/html/body/ul")。返回body下的子元素UL。

5、$$(".pageLi")返回匹配某个CSS选择器的一组元素组成的数组。和document.querySelectorAll()类似。

6、clear()清空控制台log

7、dir() 输出对象中的所有属性
dir({one:1}) 输出{one:1}
dir($$(".pageLi")) 输出包含所有.pageLi的节点属性的数组。

8、insepect()参数可以是元素，数据库，或者存储区域。。并会自动跳转到调试工具的对应面板以显示相关信息
inspect($(".pageUl"));返回.pageUl的数组
inspect("Network");返回字符串Network
inspect($("Ul")); 返回ul的DOM元素数组


9、keys()返回由对象中所有属性的名字组成的数组
keys({one:2})//返回["one"]

10、values()返回由对象属性值组成的数组。用法与keys()类似
values({one:2})//返回[2]

11、console.log();
console.error();
console.warn();
console.trace();//输出运行时当前脚本的堆栈。如果想看当前函数的调用关系，很有用。可以查看堆栈中所有的调用。
推荐使用代理函数。App.log();因为对于不支持console的IE浏览器，会导致报错并不执行下面的代码。

var App = {trace:true};
App.log = function(){
 if(!this.trace) return;
 if(typeof console == "undefined") return;
 var slice = Array.prototype.slice;
 var args = slice.call(arguments,0);
 args.unshift("(App)");
 console.log.apply(console,args);  
}