PHPの開発者であれば皆使うのがvar_dumpだ。開発中はもちろんデバッグ時などに非常に重宝する。エラーがあっても出力してくれるので、これがなければ生活できないという人も多いのではないだろうか。

ピクチャ 40.png

JavaScriptでも変数のダンプを

 

メソッドを調べる必要もなく、知りたいものを関数に入れれば全ての情報を出してくれる。そんなvar_dumpの魅力をJavaScriptでも再現したのがprettyPrint.jsだ。

今回紹介するフリーウェアはprettyPrint.js、JavaScriptの変数ダンプライブラリだ。ソースコードは公開されているが、ライセンスは明記されていなかったのでご注意いただきたい。

prettyPrint.jsはJavaScriptのオブジェクトを指定すれば、その中身をダンプし、テーブル組で見やすく表示してくれるライブラリだ。PHPのvar_dumpよりも、cfdumpタグに近い作りとのこと。

ピクチャ 41.png

実際の値はこのようになっている

 

数値や文字列の表示はもちろん、正規表現であればパターンやオプションの設定状態、配列はここのインデックスと値の表示、時間の表示にも対応している。ここまで見られれば、相当デバッグ作業が進みやすくなるのではないだろうか。

FirefoxであればFirebugのコンソールに飛ばすのが一番デバッグしやすい。他のブラウザや値の全体を見たいと言った時に役立つソフトウェアだ。

 

jamespadolsey’s prettyPrint.js at master - GitHub

 http://github.com/jamespadolsey/prettyPrint.js/tree/master