1丙躏、console 在fireBug中的應(yīng)用
console.info("這是info");
console.debug("這是debug");
console.warn("這是warn");
console.error("這是error");
//占位符只支持字符(%s)择示、整數(shù)(%d或%i)、浮點(diǎn)數(shù)(%f)和對(duì)象(%o)四種晒旅。
console.log("%d年%d月%d日",2011,3,26);
// 分組顯示
console.group("第一組信息");
console.log("第一組第一條");
console.log("第一組第二條");
console.groupEnd();
console.dir(dog); //顯示一個(gè)對(duì)象所有的屬性和方法
console.dirxml(table); // 用來(lái)顯示網(wǎng)頁(yè)的某個(gè)節(jié)點(diǎn)(node)所包含的html/xml代碼
console.assert(year == 2011 ); //判斷一個(gè)表達(dá)式或變量是否為真栅盲。如果結(jié)果為否,則在控制臺(tái)輸出一條相應(yīng)信息废恋,并且拋出一個(gè)異常谈秫。
console.trace() // 運(yùn)行后顯示函數(shù)被調(diào)用的軌跡
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);}
// 顯示代碼的運(yùn)行時(shí)間
console.time("計(jì)時(shí)器一");
for(var i=0;i<1000;i++){
for(var j=0;j<1000;j++){}
}
console.timeEnd("計(jì)時(shí)器一");
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
// 小眾工具,用法存疑拟烫,该编,,長(zhǎng)短地址
3硕淑、網(wǎng)頁(yè)開(kāi)發(fā)的6種在線調(diào)試環(huán)境
http://www.ruanyifeng.com/blog/2012/02/6_online_playgrounds_for_web_developing.html
enm课竣。。這個(gè)比較老了喜颁,現(xiàn)在直接在谷歌瀏覽器控制臺(tái)上能改簡(jiǎn)單的css稠氮、js的話,用webstorme是實(shí)時(shí)更新的