利用 jQuery 及 Firebug 來 debug web

(引用 https://blog.ericsk.org/archives/790)

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

相信常在作 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 了，真是一個很方便的作法啊！

<div class="wp_plus_one_button" style="margin: 0 8px 8px 0; float:left; ">
  <g:plusone href="https://blog.sd.idv.tw/archives/37" callback="wp_plus_one_handler"></g:plusone>
</div>

• ajax
• firefox
• ie
• Jquery