利用 jQuery 及 Firebug 來 debug web

如同原文中的回應一樣,原作者實在太聰明了。

相信常在作 Web 開發的人常常會很苦惱 debug 這件事,尤其是用了一堆 ajax 後更是不容易,雖然用「泛mozilla瀏覽器」可以裝 firebug 這個外掛來減輕一些負擔,但還是要自己去 firebug 的 console 及 DOM inspector 裡翻需要看的東西。

剛看到 jQuery logging 這篇文章,發現作者實在是太聰明了,它在開發的網頁中使用 jQuery 這個 javascript framework,然後為 jQuery 增加一個 log function:

[code lang="javascript"]
jQuery.fn.log = function (msg) {
console.log("%s: %o", msg, this);
return this;
};
[/code]

這樣你只需要對 $(...) 這樣的 jQuery object 呼叫 .log("Debug message") 就可以在 firebug 的 console 看到該物件的 context 了,真是一個很方便的作法啊!