Mozilla JavaScript Debugger

Ref: Venkman-JP
Ref: 第三部 Mozillaの機能-第12章 Webデベロッパ向けの機能

久しぶりにJavaScriptでプログラミングをしたついでに、MozillaのJavaScript Debugger(Code name : Venkman)を使ってみた。最初はよくわからなかったが、上記のサイトを見つけて読んだところなんとなく使えるようになった(気がするだけかもしれない)。

ついでに Dom Inspector も起動してみたが、結構便利そうだ。
Dom Inspector

せっかくなので、JavaScript Debuggerの一番簡単な使い方だけ紹介しておく。

  1. Mozillaのメニューから[Tools]-[Web Development]-[JavaScript Debugger]を指定して、JavaScript Debuggerを起動する。
    JavaScript Debugger
  2. 赤い×をクリックして、…が×につくようにする。
    Pause JavaScript Debugger
  3. Mozillaでデバッグしたいファイルを開く。
  4. JavaScript DebuggerにJavaScriptのソースコードが読み込まれるので、ステップ実行をしてデバッグする。
    debug with JavaScript Debugger

参考までに動作で使ったHTMLファイルを書いておきます。

<html><head>
<script language="JavaScript">
<!–
function a() {
document.write("JavaScript");
}
//–>
</script>
</head>
<body onLoad="a()">
</body>
</html>
同じカテゴリの記事: General