GBin1分享:10個幫助你精通Firebug控制臺的技巧
日期:2011/10/08 原文:jquery4u.com 翻譯:GBin1.com
今天GBin1分享給大家一些jQuery4u撰寫的firebug控制臺實用技巧,幫助你真正了解并且掌握Firebug控制臺。
如果你不知道什么是firebug,那么GBin1建議你查看這篇文章: 主流瀏覽器中常用的Javascript開發Debug工具,這篇文章我們介紹了什么是Firebug并且如何配置和安裝。
技巧1:隱藏煩人的錯誤
firebug有一些選項可以幫助你隱藏那些煩人的錯誤信息!(你有可能看到這些錯誤如果你的代理服務器配置信息過期了,如果你在上班那么和你管理員查驗一下是否使用正確的.pac文件)。這些選項也可以幫助你隱藏其它類型的錯誤!

技巧2:快捷鍵的使用
使用快捷鍵而非直接點擊”RUN“按鈕可以幫助你方便快捷的”運行“,這樣效率更高!
技巧3:Firebug控制臺表格
創建一個firebug控制臺表格 - 簡單的拷貝如下代碼來看看效果吧!
var table1 = new Array(5);
for (var i=0; i<table1.length; i++)
table1[i] = [i+1, i+2, i+3, i+4, i+5, i+6, i+7];
console.table(table1);
技巧4: Console.dir()
使用console.dir()而非console.log()的好處在于對于對象,數組及其其它類型,它將直接得顯示,這樣比較節約時間。你可以簡單的輸入 dir(對象的名字) 到firebug控制臺。 我非常喜歡這個功能。

注意Dir可以沒有控制臺工作,而log則不行
JQUERY4U = {
url:'http://www.jquery4u.com',
mainTopics:'jquery,javascript'
}
dir(JQUERY4U); //works without console.
log(JQUERY4U); //doesn't
技巧5:Console.debug()
使用Console.debug()而非console.log()的好處在于在debug你的js代碼時它丟掉了很多讓你很煩的垃圾信息。對于經常使用的人來說特別有用。
技巧6:創建書簽
你可以使用firebug控制臺來快速的創建代碼書簽。簡單的按下:拷貝 > 右鍵點擊書簽條 > 點擊粘貼。搞定!。現在你隨時需要的時候可以點擊那個書簽來運行代碼,甚至為了測試目的。
...
希望以上的技巧能夠幫助大家更好的掌握firebug的使用。
歡迎訪問GBin1.com


浙公網安備 33010602011771號