好用的Firebug 外掛!



一個專門javascript在除錯的的外掛
一開始覺得好像沒什麼, 後來看了一下功能,還挺完整的

尤其還可以在script中設定中斷點,進行step除錯

console 下有Command Line 的功能

http://www.getfirebug.com/commandline.html 這邊有介紹

1.$(id)

可以直接取得該id 的元素 ,譬如有一個圖片的id 叫做 "img1" , 直接 $("img1") 就可以取得 , ex $("img1").src ; 就可以取得路徑

2.$$(selector)

選擇器,可以列出所有符合條件的元素, 譬如你要取得到所有網頁中的div , $$("div") , 第一個就是 $$("div")[0] , 而要修改所有屬性可以使用 $$("div").width =200 , 所有div就改為200 了

3.dir(object)

會列舉出該物件(element)所有的屬性出來,有點像ide中的 watch

其他可以參考網站 , 如此就可以很輕鬆取得網頁中的參數什麼的,還不錯方便

另外在你的javascript code 中如果需要 列印任何參數來查看,不必使用alert 慢慢查

只需要在你的code中寫 console.log(//anything u want) ,就會列出到firebug的控制台中參考

另外 console.err() ; console.warn(); 這些都是列出的方式,不過在console下左邊的圖案會不一樣而已

其他可以參考 http://www.getfirebug.com/console.html