« 見出しのみでプレゼンする 高橋メソッド | main | 質問厨房がウザイのは、サイトの設計に問題があるんじゃないのか »

2005年04月07日

flashでJavaScript のデバッガを作ってみたよ

flashとajaxの融合とか模索中に、JavaScriptの簡易デバッガとか作ってました。というかJavaScript動作確認ウザすぎ。

こちらこちらを、それぞれ別のウィンドウで同時に開いてみてください。

JavaScriptからflash製のデバッガに重要度つきでテキストを出力したり。
デバッガのほうから、JavaScriptの関数を直接呼び出したりできます。

まだテスト中だけど。winのie/ffでは安定して動作します。
以下使い方

まず、以下の3つのファイルをDLします。

VADebugger.js
VADebuggerVIEW.swf,
VADebugger.swf

VADebugger.js と VADebugger.swf をデバッグしたいHTMLと同じフォルダに配置する。

1:VADebuggerクラスをロードする
html内の<title>タグ直下に、

<script language='JavaScript' src="VADebugger.js">

と記述する。

2:デバッガ通信用のswfをhtmlに埋め込む
<body>タグ直下に

<script type="text/javascript">
VADebugger.attachSWF();
</script>

このswfが埋め込まれるまで、VaDebuggerからトレースを出力することはできません。

3:VADebuggerVIEW.swfをブラウザで開く
アウトプット用のswfを、別ウィンドウで開きます。

4:使用する。
以後JavaScript内で、

VADebugger.trace("メッセージ","出力レベル");

を呼び出すことにより、重要度つきでメッセージを出力できます。重要度を指定しない場合はレベル0として出力されます。

スクリプトのエンコードがutf8の為、shift-jisのhtmlファイルに読み込むと誤動作が起こる可能性があります。その場合はスクリプトファイルのエンコードを変更してください。

まぁ、叩き台レベルだけどよろしかったらどうぞ。
あとクラスの頭がVAになってるのは、vas-animatum.net時代に作ったもんだからです。

投稿者 Taka : 2005年04月07日 23:14

book

dotfla.gif

bookmark

はてなブックマークに追加

del.icio.usに追加

trackbacks

this entry's trackback URL:
http://www.fladdict.net/cgi-bin/mt3/mt-tb.cgi/52

このリストは、次のエントリーを参照しています: flashでJavaScript のデバッガを作ってみたよ:

» flashでJavaScript のデバッガ from biyoon blog
flashでJavaScript のデバッガを作ってみたよfladdict.netのTakaさん作成。ちょうど、JavaScriptでゴネゴネしてたので非常に助... [read more]

トラックバック時刻: 2005年04月08日 01:51

» Tax Preparation from Tax Preparation
Ahead of Tax Preparation ... [read more]

トラックバック時刻: 2006年02月15日 05:08

» debt consolidation from debt consolidation
[markov]debt consolidation l... [read more]

トラックバック時刻: 2006年02月20日 04:44

» womens shoes from womens shoes
[markov]womens shoes[markov] [read more]

トラックバック時刻: 2006年02月23日 14:16

» car insurance quotes from car insurance quotes
Scarcity of public not money. [read more]

トラックバック時刻: 2006年02月28日 13:15

comment

早速使ってみました。
使いやすいですね。

#自分もjsを勉強しないとなぁっと実感しました。

by arkw : 2005年04月08日 20:52

おじさんはOpera付属のJSコンソールを使ってデバッグしてます。
そもそもOperaってところに問題があるかもしれないが・・・。

by K o z : 2005年04月08日 21:52

>早速使ってみました。
使いやすいですね。

どもですー。あれまだデバッグ終わったらトレース文どうしよう・・・って微妙に問題がありますw。今のところ置き換えコメントアウトで対応してますが、なんかメンドすぎたらご意見くださいませ。

>おじさんはOpera付属のJSコンソールを使ってデバッグしてます。
それはある意味凄いようなw
オペラのJSコンソールは、正しい(?)文書いてもエラル時がある気がしマス

by Taka : 2005年04月11日 04:14

コメントしてください




保存しますか?