Javascriptの要素をdumpしたい →プラグインサイトが工事中

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 => "ダー!"
	)
}

いいですね、使えそうです。

備忘録 | , , , , |