PHPではvar_dump()で要素を簡単にダンプできるのですが、Javascriptではそうはいきません。
FirefoxのFirebugアドオンを使えばできるみたいですけども。
今回は、jQueryのプラグイン「jQuery Dump」を導入してみます。
と思って、下記のページにアクセスしてみたら、jQueryのプラグインサイトが工事中になっています。これ、以前にもアクセスしたときも工事中で「なんだよぉ」と思ったのですが、まだ工事中だったのか・・・。
Dump | jQuery Plugins
2012/10/23現在 ページがなくなっていました…。
工事中のままなのには、理由があるらしいです。
ブログでその理由が書かれていました。英文なのですべてを解釈していませんが、いろいろと大変だということですね(笑)。
jQuery Blog » What Is Happening To The jQuery Plugins Site?
困ったなあ。ということで、いろいろと調べたら以下からソースを入手できました。
jquery.dump.js – sators-status-board – A web based AJAX enabled status board pulling from the Kayako helpdesk system – Google Project Hosting
では、さっそく試してみます。
<pre id="dump"></pre> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="jquery.dump.js"></script> /* それぞれの環境に合わせて変更してください */ <script type="text/javascript"> $(function(){ var obj = { moji: "こんにちは", suji: 1234.567, hairetsu: ["いち", "にー", "さん","ダー!"] } $("#dump").append($.dump(obj)); }); </script>
すると、以下のように表示されました。
Object { moji: "こんにちは" suji: 1234.567 hairetsu: Array ( 0 => "いち" 1 => "にー" 2 => "さん" 3 => "ダー!" ) }
いいですね、使えそうです。