如同原文中的回應一樣,原作者實在太聰明了。
相信常在作 Web 開發的人常常會很苦惱 debug 這件事,尤其是用了一堆 ajax 後更是不容易,雖然用「泛mozilla瀏覽器」可以裝 firebug 這個外掛來減輕一些負擔,但還是要自己去 firebug 的 console 及 DOM inspector 裡翻需要看的東西。
剛看到 jQuery logging 這篇文章,發現作者實在是太聰明了,它在開發的網頁中使用 jQuery 這個 javascript framework,然後為 jQuery 增加一個 log function:
jQuery.fn.log = function (msg) { console.log("%s: %o", msg, this); return this; };
這樣你只需要對 $(...) 這樣的 jQuery object 呼叫 .log("Debug message") 就可以在 firebug 的 console 看到該物件的 context 了,真是一個很方便的作法啊!
歷史上的今天
- JavaScript 跟你想得不一樣(一) - 2009
- 有夠好笑之陰森垢物 - 2006
- Linux 的 Flash 9 Plugin Beta - 2006



0 Responses to “利用 jQuery 及 Firebug 來 debug web”