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は、エラーコンソールで、問題箇所を表示してくれます。
※このエントリは CNET Japan ブロガーにより投稿されたものです。シーネットネットワークスジャパン および CNET Japan 編集部の見解・意向を示すものではありません。
ネットワーク型産業構造への衣替え?
iPhonista Nightの事後報告
変形マウス、Arc Mouseレビュー
オトナになるということ
福祉国家の失敗〜40年前の「断絶の時代」を読む(3)
公共団体のMSへの依存A会津若松市や島根に勇気!!
さあ来い!Silverlight 2
シュワ
オンライン広告は2012年に2兆円市場にーリーマンブラザース予測みんなのお題では、ブロガー同士で質問を出し合いそれに対する回答や意見を集めています。今日はどんな話題が盛り上がっているでしょう?
エンタメCGM「gooメーカー☆メーカー」CNET Japan ブログネットワークは、元はCNET Japanの一読者であった読者ブロガーと、編集部の依頼により執筆されているアルファブロガーたちが、ブログを通じてオンタイムに批評や意見を発信する場である「オピニオンプレイス」、また、オピニオンを交換するブロガーたちが集うソサエティです。
広い視野と鋭い目を持ったブロガーたちが、今日のIT業界や製品に対するビジョンや見解について日々熱く語っています。
CNET Japanやその他サイトが提供するITニュースやコンテンツへの意見や分析、 ビジネスやテクノロジーに対するビジョンや見解について語っていただける方を 募集しています。ご応募はこちらから
ブログの投稿はこちらから(※ブロガー専用)
今年最も活躍したブロガーを表彰します。詳細はこちらから
これは、CNET Japan 編集部の依頼に基づいて執筆されているCNET Japan アルファブロガーによるブログの印です。
CNET Japan ブログネットワーク内で拍手の代わりに使用する機能です。ブログを読んで、感激した・役に立ったなど、うれしいと思ったときにクリックしてください。多くGood!を獲得した記事は、より多くの人に読まれるように表示されます。
今週の新製品総チェック:新PS3が登場!ニコンが発表した映像製品「UP」とは?
[レビュー]2011年画質を備えた高画質、多機能Blu-ray--ソニー「BDZ-X95」
今週の新製品総チェック:よりモバイルPCとして進化した「Let's note」が登場
今週の新製品総チェック:フルサイズCMOS搭載のキヤノン「EOS 5D Mark II」が登場
今週の新製品総チェック:第4世代iPod nano登場、ソニー「α」、松下「LUMIX」に新機種も