2010年1月26日火曜日

"prettyPrint.js"でPHPの"var_dump"みたいなこと

スズキです。

JavaScriptやってると、PHPの"var_dump"のように
オブジェクトの中身がどうなってるか、確認したくなる時が多々あると思います。

そういう場合は、下記の"prettyPrint.js"が使えます。
http://github.com/jamespadolsey/prettyPrint.js


使い方ですが、まず、上記サイトのJavaScriptを自分のプロジェクトにおき、
下記のようにHTML上で読み込ませます。

<script type="text/javascript"
  src="http://feed.suz-lab.com/other/js/ext/prettyprint.js">
</script>

次に、結果を表示する領域を例えば下記のようにHTML上に用意します。

<div id="debug"></div>

最後に、以下のJavaScript(jQueryも利用)で上記の領域に結果を表示するだけです。

$("#debug").html(prettyPrint(data));

※ "data"が対象のオブジェクトです。

「1日2エントリ」ペース、継続中!

--------
http://www.suz-lab.com

0 コメント: