Javascriptのデバッガーは、「各WEBブラウザのJavascriptデバッガの状況」に書きましたが、FirefoxのFirebugが有名です。このため、Javascriptのデバッグを行うときはFirefoxを使用していました。
ですが、ブラウザはFirefoxだけではありませんし、クロスブラウザサポートをするにはFirefoxで動作したからと言って、他のブラウザも動く保障はありません。また、Javascriptの地位が高くなっている現状を考えると、そのほかのブラウザもJavascriptデバッガーがあるほう良いに決まっています。
そのような状況でOpera 9.5ベータ2で、デバッグツールであるDragonflyがついてきましたので、試してみます。
デバッグ用に「Google AJAX Language APIで遊んでみる」で書いたソースを使用しました。
メニューから開発者用ツールを起動します。
起動すると別ウインドで開発者用ツールが起動します。
Firebugで慣れていると、あれソースは?と思ってしまいましたが、今回のサンプルがJavascriptをHTMLに直接埋め込まれているものだったため、inlineのところが実際のソースでした。そこをクリックすることで可能です。
通常のIDEなのでDragonflyは、ブレイクポイントの設定やデータを参照できます。
IDEの動作に慣れていれば、それほど違和感なく(違和感があったのは最初のソースを指定するときでした)できると思います。
試しにデバッグしようとしたのがGoogle AJAX Language APIを用いたソースだったためか、FirebugとDragonflyの相違点を見つけました。このサンプルは、以下のように動作をしています。
1.Google AJAX Feed APIでFeedを取得
2.取得したFeed(3個)のコンテンツ部分をGoogle AJAX Language APIで日本語訳を取得
このため、JavascriptデバッガーとしてFirefoxは以下のようにファイルを読み込んでいるように見えます。実際は、Javascriptのファイル的にはそうなのでしょう*1。
これがDragonflyでは以下のようにファイルがあるように見えます。
Firebugと数などが合いませんし、長いURLに見覚えがありません。そこでクリックしたところ、AJAXでcallbackされて呼ばれたときのデータでした(以下のサンプルはGoogle AJAX Language APIで取得した翻訳の結果が載っています)。
Callbackで呼ばれたときに入っているデータは、Firebugは呼び出される先でブレイクポイントを設定して中身のデータを見ていたのですが、DragonflyではCallbackされた時のデータがワンクリックで確認できます。これは便利です*2。
AJAX系のAPIを使用する人には願ってもない機能だと思います。
まだ、Dragonflyはアルファ版ですので画面周りが微妙ですが、OperaでJavascriptデバッグができるようになるのは非常にうれしいです。これでOperaをセカンドブラウザとして使用しようかと意欲がわいてきました。
*1:ソースを見るとjsapiを読み込んで、その後google.loadでfeedとlanguageを読み込んでいるようです。
*2:Firebugにもあるのかな?
※このエントリは CNET Japan ブロガーにより投稿されたものです。シーネットネットワークスジャパン および CNET Japan 編集部の見解・意向を示すものではありません。
無料の「Oracle Database XE」で高速バッチ処理:実装のポイント
原宿で野宿を含む15時間 - iPhone行列完全ドキュメント
「失われた10年」からの回復は、どういう課題を残したか?
iPhoneの影で馬鹿売れしているみたい
動画配信の影響なのかインターネット部門が「終了」
Googleというネットの巨大なメディアに支配される脅威
コレクティブストアというマーケットプレース
iPhone対応サイトについて思うこと
全国健康保険協会の会計(意見募集)
体力消耗戦に突入、携帯電話業界
「Parallels Desktop 4.0 for Mac」は「Mac OS X Server 10.5 Leopard」をゲストOSとしてサポートへみんなのお題では、ブロガー同士で質問を出し合いそれに対する回答や意見を集めています。今日はどんな話題が盛り上がっているでしょう?
DELLが掲げる「新・仮想化アセスメントサービス」CNET Japan ブログネットワークは、元はCNET Japanの一読者であった読者ブロガーと、編集部の依頼により執筆されているアルファブロガーたちが、ブログを通じてオンタイムに批評や意見を発信する場である「オピニオンプレイス」、また、オピニオンを交換するブロガーたちが集うソサエティです。
広い視野と鋭い目を持ったブロガーたちが、今日のIT業界や製品に対するビジョンや見解について日々熱く語っています。
CNET Japanやその他サイトが提供するITニュースやコンテンツへの意見や分析、 ビジネスやテクノロジーに対するビジョンや見解について語っていただける方を 募集しています。ご応募はこちらから
ブログの投稿はこちらから(※ブロガー専用)
今年最も活躍したブロガーを表彰します。詳細はこちらから
これは、CNET Japan 編集部の依頼に基づいて執筆されているCNET Japan アルファブロガーによるブログの印です。
CNET Japan ブログネットワーク内で拍手の代わりに使用する機能です。ブログを読んで、感激した・役に立ったなど、うれしいと思ったときにクリックしてください。多くGood!を獲得した記事は、より多くの人に読まれるように表示されます。
[レビュー]高い信頼性を普通に使う地球に優しい電源ユニット--Antec EarthWattsシリーズ EA-650
オンリーワンの個性を極めた超薄型テレビ--日立 Wooo UTシリーズ
[レビュー]“この手があったか”と思わせるパワーユーザーも納得のPCオンデマンド--「VALUESTAR G タイプR Luiモデル」+「Lui RN」詳細レビュー
[レビュー]テレビを持ち歩ける最強ツール--ソニー、Blu-rayレコーダー「BDZ-A70」
今週の新製品総チェック:ソニー「VAIO」が新キーワードを発表、ビクターからはYouTube対応ビデオカメラ
[レビュー]ネットワーク対応の高機能デジタルフォトフレーム--ソニー「Canvas Online CP1」
15時間の行列で手に入れたiPhone 3Gファーストインプレッション--ソフトバンクモバイル「iPhone 3G」
今週の新製品総チェック:まさにiPhone一色の1週間、ついに店頭発売へ
北京を見逃すな!--2008年夏、今買うべき「薄型テレビ」