各WEBブラウザのJavascriptデバッガの状況

Firefoxは、Firebugがあるお陰で、Javascriptのデバッグが容易です。ですが、WEBブラウザは、完全に動作が同じではありません。このため、Firefoxで動いても、、他のWEBブラウザでは、動作するとは限りません。

そうなると、WEBブラウザ毎にFirebug並にデバッグができるのがベストです。そこで、各WEBブラウザのJavascriptのデバッガ状況を、WEBでいろいろと調べて見ました。

【Firefox 2】

本ブログでも、再三とりあげているように、FirefoxのJavascriptデバッガには、Firebugがあり、非常に便利です。このため、Firefoxは、最もJavascriptデバッグが容易なWEBブラウザでしょう。

【IE 7】

「IEでjavascriptのエラーをデバッグする方法」の補足を参考に、ASP .NET 2.0 AJAX Extensionsをインストールすると、以下の様なメニューが出てきます。

これを選択すると、Javascriptのデバッガが起動できるようになります。

但し、Windows XP(64bit)で、IE7 64bit版に、メニューが出てこなかったため、IE7 32bit版のみかも知れません。Vistaでは、確認を取っていません。

IE系のJavascriptのエラー情報は、ファイルとライン数が違う箇所を示すことがあります。このため、ASP .NET 2.0 AJAX Extensionsでデバッグできるのは、非常に助かります。

【Safari 3】

Mac版のSafariのJavascriptデバッガには、「Drosera」があるようですが、残念ながら、まだWindowsでは動きません。

また、Safariは、Javascript Consoleがありますが、デフォルトでは、Debugメニューが出てきません。Windows版でDebugメニューを表示させるには、テキストエディタで、以下のファイルを開きます。"%"等は、そのまま指定してください。

%APPDATA%\Apple Computer\Safari\preferences.plist

""の前に、以下の一文を入れます。

IncludeDebugMenu

その後、Safariを再起動すると、Debugメニューが表示されます。

Javascript Consoleは、「Debug」→「Show JavaScript Console」を選択すると、Javascript Consoleが開きます。

これで、SafariでもJavascriptのデバッグが、なんとか可能です。

【Opera 9】

Operaも、Javascriptのデバッグを行う場合は、Safariと同じでJavascriptコンソールしか無いようです。開き方は、「ツール」→「詳細ツール」→「エラーコンソール」を選択するとエラーコンソールが表示されます。

これで、OperaでもJavascriptのデバッグが、なんとか可能です。

【Firebug Lite】

Firebug Liteで、Firefox以外でもJavascriptのデバッグができるようなので、試してみましたが、あまりうまく動きませんでした*1。

デバッグできるか確認すするために、「なんちゃってJavascriptベンチ エラーバージョン*2」を準備しました。このスクリプトには、Firebug Liteを実装しているため、"F12"もしくは、"Shift+Ctrl+L"を押すと、コンソールウインドが開きます。

また、「計測」ボタンをクリックすると、エラーが生じるはずですが、SafariとOperaは、Errorができませんでした*3。また、IEは、いつもの様に、見当違いのファイルとライン数を表示します。

試していませんが、Firebug Liteは、プリントデバッグには使えれるかも知れません。

【まとめ】

WEBブラウザのJavascriptの動作が、必ずしも同一で無いため、IDEタイプのデバッガが必要だと思われますが、現在の状況は、WEBブラウザによってはデバッグの容易さには差があります。

できれば、FirefoxのFirebug並の機能を、デフォルトでOFFでかまわないので、標準でつけてもらえると大変ありがたいと思うのは私だけでしょうか。

*1：どこか間違えているのでしょうか?IEはエラーメッセージがでたのですが。
*2：ソースは、必要ないと思われますが、一応は、「Javascriptデバッグ用ページ」にあります。
*3：Safariは、JavaScript Consoleで、Operaは、エラーコンソールで、問題箇所を表示してくれます。