-
調(diào)試:設(shè)置斷點(diǎn)
console.trace():查看函數(shù)如何被調(diào)用,(概況)
查看全部 -
javascript控制臺(tái):
console.log():打印
console.info():
console.debug():
console.warn():
console.error():
console.dir():顯示一個(gè)對(duì)象所有的屬性和方法
alert();彈出
監(jiān)聽方法運(yùn)行時(shí)間:
console.time("test"); console.timeEnd("test");查看全部 -
ajax監(jiān)聽: 網(wǎng)絡(luò)下面有個(gè)XHR
查看全部 -
控制臺(tái):JS命令行操作操作,顯示JS錯(cuò)誤信息、提示信息、日志信息等
腳本:顯示頁面腳本和調(diào)試
DOM:顯示頁面對(duì)象和屬性
網(wǎng)絡(luò):顯示頁面下載和花費(fèi)時(shí)間
Cookies:顯示頁面請(qǐng)求的Cookies,以及查看和修改
查看全部 -
下載:https://www.getfirebug.com,工具欄有個(gè)小甲蟲圖標(biāo),點(diǎn)擊就可打開
查看全部 -
FireBug:是Firefox下的開發(fā)類插件.
查看全部 -
1. firebug下載地址
????https://www.getfirebug.com
查看全部 -
FireBUG
查看全部 -
占位符 %d整數(shù) %f浮點(diǎn)數(shù) %s字符串 %o對(duì)象
測(cè)試js代碼運(yùn)行時(shí)間：console.time("test");
js代碼塊；console.timeEnd("test");
console.dir("可以顯示一個(gè)對(duì)象的所有屬性和方法");
每次都輸出循環(huán) i 的值：console.log(i); 日志信息
還有其他的輸出方式：
console.log(i);
console.info(i);
console.debug(i);
console.warn(i);
console.error(i);? 可以看到相關(guān)的位置和調(diào)試信息
日志歸類/分組
console.group("第一組");
console.log("101");
console.log("102");
console.log("103");
console.groupEnd();
console.group("第二組");
console.log("201");
console.log("202");
console.log("203");
console.groupEnd();
查看全部 -
firebug監(jiān)聽html.js.http.requst請(qǐng)求，就是監(jiān)聽請(qǐng)求的xhr對(duì)象查看全部
-
雙擊元素進(jìn)行編輯查看全部
-
快速定位元素ctrl+shfit+c查看全部
-
必學(xué)查看全部
-
firebug安裝：https://www.getfirebug.com
查看全部 -
查看全部
-
fireBug介紹
查看全部 -
進(jìn)階提示：
1、點(diǎn)擊所有可以點(diǎn)擊的地方
2、點(diǎn)擊鼠標(biāo)的右鍵
3、下拉菜單：eg：網(wǎng)絡(luò)標(biāo)簽
4、小甲蟲的圖標(biāo)（主菜單）右鍵---查看相關(guān)菜單
查看全部 -
fire lite 可以用在其它瀏覽器中查看全部
-
下載firebug查看全部
-
(Firebug最終的功能)JavaScript控制臺(tái)：
每次都輸出循環(huán) i 的值：console.log(i); 日志信息
還有其他的輸出方式：
console.log(i);
console.info(i);
console.debug(i);
console.warn(i);
console.error(i);? 可以看到相關(guān)的位置和調(diào)試信息
最重要的：console.dir("可以顯示一個(gè)對(duì)象的所有屬性和方法");
eg:console.dir(console);
用來查看代碼運(yùn)行時(shí)間：
console.time("test");
for(var i=0;i<1000;i++){
}
console.timeEnd(test);
右側(cè)：命令行可以輸入多行，點(diǎn)擊執(zhí)行則輸出命令
點(diǎn)擊table鍵來補(bǔ)全代碼
或者放下側(cè)：回車輸出命令
如何輸出不同格式的日志：
用占位符：%d(整數(shù)) %f(浮點(diǎn))? %s(字符串) %o(對(duì)象)
console.log('%d年%d月%d日',2014,5,25)
console.log('%d年%s月%d日',2014,'05',25)? 字符串的05
日志歸類/分組
console.group("第一組");
console.log("101");
console.log("102");
console.log("103");
console.groupEnd();
console.group("第二組");
console.log("201");
console.log("202");
console.log("203");
console.groupEnd();
查看全部 -
網(wǎng)絡(luò)標(biāo)簽評(píng)估頁面下載速度：
可以看到全部（HTML、JavaScript、圖片）加載時(shí)間線
可以看到：狀態(tài)：200 OK 304加載本地緩存（重定向）
查看：緩存、cookie、和頭信息
查看全部 -
Ctrl+shift+C相當(dāng)于快速定位HTML按鈕
如何編輯：雙擊 或者 右鍵---編輯HTML
查看全部 -
Firebug網(wǎng)址
查看全部 -
控制臺(tái)日志分組
console.dir(console);
查看全部
舉報(bào)