Microsoft AJAX Libraly で値のトレースを行うかるあのメモ/ウェブリブログ

Microsoft AJAX Libraly で値のトレースを行う

<< 作成日時： 2007/03/08 14:25 >>

Microsoft AJAX Libraly にはオブジェクトのトレース情報を TextArea に出力する機能が備わっています。これを使用するとデバックメッセージやトレース情報を簡単にブラウザに表示させることが出来ます。→Sys.Debug Class

使用方法はこんな感じです。

function hoge() { Sys.Debug.trace(String.format("{0}:トレース情報", (new Date).format("yyyy/MM/dd hh:mm:ss"))); var comuplus = { name: "こみゅぷらす", url: "http://comuplus.net/", members: [ "Fujiwo", "Hara", "Moo", "om"] }; Sys.Debug.traceDump(comuplus); }

とはいえこのままではトレース情報がどこにも表示されません。
情報を表示するためにはフォーム上に TraceConsole という名前の TextArea オブジェクトを配置する必要があります。
ボタンをクリックしたときにトレース情報を表示するためには次のようにします。

<input type="button" id="トレース" onclick="hoge()" /><br /> <textarea id="TraceConsole"></textarea>

テキストエリアに次のように表示されると思います。

2007/03/08 02:21:47:トレース情報
traceDump {Object}
name: こみゅぷらす
url: http://comuplus.net/
members {Array}
[0]: Fujiwo
[1]: Hara
[2]: Moo
[3]: om

トレース表示をやめたい時は TraceConsole を HTML から削除したり、コメントアウトしてしまえばトレース情報は表示されなくなります。
alert() でチマチマ値を表示していたことを考えると、これだけでもかなりありがたいですね。

＃オブジェクトの情報をこのように表示できるのはとても便利なのですが、Visual Studio 等の便利な IDE に慣れているとこれだけだとまだやりづらい。。。そんな場合は以前も紹介した FireFox の Extension である FireBug がお勧めです。

<< 前記事（2007/03/02）

トップへ

後記事（2007/03/08）>>

月別リンク

ブログ気持玉

クリックして気持ちを伝えよう！
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ

トラックバック（1件）

タイトル（本文）	ブログ名／日時
JavaScript から ASP.NET Webservice のメソッドを呼び出す。かるあのメモからです。 JavaScript から ASP.NET Webservice のメソッドを呼び出す。 JavaScript から ASP.NET Webservice のメソッドを呼び出す。(2) ...続きを見る	ナオキにASP.NET（仮） 2007/03/09 16:23

コメント（0件）

内容	ニックネーム／日時

<< 前記事（2007/03/02）

トップへ

後記事（2007/03/08）>>

かるあのメモ