2012年5月16日 星期三

How to Debug Your jQuery Code

http://msdn.microsoft.com/en-us/magazine/ee819093.aspx

這篇文章很清楚的描述了如何去利用Firebug及一些plugin套件去對jQuery的script作debug,非常有用。

大綱項目如下
1. FireBug
2. FireQuery
3. FireFinder
4. JQuery Trace插件使用
5. 使用中斷點察看js
6. 查看event原始觸發者
7. 查看事件觸發堆疊 (console.group, console.groupEnd)
8. 計算程式區塊執行時間 (console.time, console.timeEnd)
9. 查看json與ajax溝通
10. 使用條件式中斷

另外也推薦jsbin作為javascript沙盒的快速產生預覽,這樣就不用辛苦的寫測試html了。

沒有留言: