1、console 在fireBug中的应用
console.info("这是info");
console.debug("这是debug");
console.warn("这是warn");
console.error("这是error");
//占位符只支持字符（%s）、整数（%d或%i）、浮点数（%f）和对象（%o）四种。
console.log("%d年%d月%d日",2011,3,26);
// 分组显示
console.group("第一组信息");
console.log("第一组第一条");
console.log("第一组第二条");
console.groupEnd();
console.dir(dog); //显示一个对象所有的属性和方法
console.dirxml(table); // 用来显示网页的某个节点（node）所包含的html/xml代码
console.assert(year == 2011 ); //判断一个表达式或变量是否为真。如果结果为否，则在控制台输出一条相应信息，并且抛出一个异常。
console.trace() // 运行后显示函数被调用的轨迹
function add(a,b){
console.trace();
return a+b;
}
var x = add3(1,1);
function add3(a,b){return add2(a,b);}
function add2(a,b){return add1(a,b);}
function add1(a,b){return add(a,b);}
// 显示代码的运行时间
console.time("计时器一");
for(var i=0;i<1000;i++){
for(var j=0;j<1000;j++){}
}
console.timeEnd("计时器一");
console.profile() //性能分析
function Foo(){
for(var i=0;i<10;i++){funcA(1000);}
funcB(10000);
}
function funcA(count){
for(var i=0;i<count;i++){}
}
function funcB(count){
for(var i=0;i<count;i++){}
}
console.profile('性能分析器一');
console.profileEnd();
2、bookmarklet
// 小众工具，用法存疑，，，长短地址
3、网页开发的6种在线调试环境
http://www.ruanyifeng.com/blog/2012/02/6_online_playgrounds_for_web_developing.html
enm。。这个比较老了，现在直接在谷歌浏览器控制台上能改简单的css、js的话，用webstorme是实时更新的
