8行でjQueryのデバッグが楽になるjQuery.pの紹介 - KAYAC engineers' blog

週末はオレ標準JavaScript勉強会のUstreamを眺めてました。ago（@kyo_ago）です。 以前jQuery使いが陥りやすい罠の中で「4 何でも一行で書こうとする」という点を上げたのですが、以下のようなmethodを定義することでmethod chainのデバッグが楽になるので紹介したいと思います。 $.fn.p = function (id) { var arg = [this]; if (id) arg.unshift(id); if (!window.console) return this; var c = window.console || { 'log' : function () {} }; (c.debug || c.log).apply(c, arg); return this; }; 具体的な使い方ですが、以下のように確認したいmethodの後に.p()を

[coppieee]

べんり。

[netfan]

$('#aaa').p() .find('.bbb').p() .filter(':first').p() .addClass('head').p() .end() .end() .parents('tag').p() .children(':first').p() .addClass('head').p() .end() .end() .end() ;

[bluerabbit]

これは便利

[nilab]

8行でjQueryのデバッグが楽になるjQuery.pの紹介 | tech.kayac.com - KAYAC engineers' blog

[pekepekesamurai]

[[あとで読む]]

[mochinaga]

おぉ！

[tenkoma]

debug / log の呼び出し方が目から鱗

[minamishinji]

ほほう。

[kakuhen1rfeverheiten]

デバッグ

[griefworker]

jQueryのメソッドチェインのデバッグが楽になるメソッドの紹介。

[ko-ya-ma]

確認したいmethodの後に.p()を追加するとその時点のjQuery Objectの中身がconsole.debug（が無い場合、console.log）に出力されます。

[Kechol]

ｊQueryデバッグ用の8行スクリプト。

[edo_m18]

これは便利！Debug用のライブラリとか作ったらどうだろうか・・。

[mangakoji]

うううう、consoleって何?

[kei-s]

tapp みたいでいい http://d.hatena.ne.jp/ursm/20090625/1245949583

[mooz]

便利. Ruby の tap 的な.

[akiyan]

これは便利！

[ago_kyo]

呼び出し元functionの行番号とる方法が分からない。。。