firefox extesion tools好用的不少, 在一個偶然的機會, 發現有個對 javascript除錯相當好用的工具, FireBug.
原來在firefox內建的javascript console就已經能提供相當多的資訊應用於javascript有錯誤時的除錯, 然而, firebug更強捍的地方有
1. runtime step by step (含設置中斷點, step over, step into, step out, call stack)
2. runtime variable value display
3. dom viewer
4. 動態地(利用滑鼠)檢視頁面顯示及html code的對應
5. 可以即時獲得 XML HttpRequest資訊(包含post, response, headers) (這對ajax非常有用)
6. event即時檢視器
7. 動態地(利用滑鼠)檢視頁面顯示及css的對應
8. 動態地(利用滑鼠)檢視頁面顯示及layout的對應
他將主功能區分為三大塊: console (提供資訊性), debugger(除錯器), inspector(觀察source, style(css), layout(block), events, dom)
功能真的強的沒話說, 無論是寫 web 程式的人, 或是修 web 程式的人, 都是絕對不可或缺的一套工具.
官方網站: http://www.joehewitt.com/software/firebug/
沒有留言:
張貼留言