IE 9味見:新たなWebデバッグ機能


今日IE 9 beta版をインストールして、やっと長い間待っていたFirebugのようなデバッグツールを見ました.ページでF 12キーを押すとデバッグツールが開きます.そのインタフェースは図のようにFirebugに似ています.
図1 IE 9デバッグツールインタフェース
コンソールのコマンドラインに次のコマンドを入力します.
     console.log(1)
出力、説明はFirebugのコンソールコマンドと互換性があり、かなり良いので、コンソールコマンドの違いのために異なるテストコードを書く必要はありません.コードセットさえあればFirefoxとIEでテストすることができます.
コンソールに次の文を入力します.
var a={
   width:10,
   height:10
}
console.log(a)

出力はなんと:ログ:[object Object Object]
これはかなり憂鬱です.またFirebugのようにオブジェクトをクリックしてDOMに入ってオブジェクトを表示することはできません.これは改善が必要で、これは以前のDebugbarの機能と少し似ていて、マイクロソフトがそれと協力して作ったのかどうか分かりません.これはともかく、テストを続けてみましょう.
「Javascriptのデバッガ:Firebug使用の詳細」の例を開くと、HTMLページではステップ生成のHTMLコードが表示されます.最大の問題は、図1のHTMLドキュメントの表示方式のように、見ていると少し疲れます.
ドキュメントノードを選択すると、右側にスタイル、レイアウト、プロパティが表示されます.Firebugと基本的に同じです.スタイルの表示方法が疲れています(Firebugに慣れている可能性があります).
Firebugと同様に、デバッグウィンドウでHTMLドキュメントとそのスタイルプロパティを直接変更できます.
やっとFirebugより優れているところを見つけました.修正したドキュメントを保存することができます.ははは.
CCSページとFirebugの機能は基本的に同じで、ディスクを保存することもできます.
コンソールには、Ajaxリクエストを追跡できないという問題もあります.これは問題です.
スクリプトデバッグとFirebugの違いは大きくありません.
探査機の中でいくつか統計の仕事をすることができて、Firebugの統計テストの命令と差が少ないと推定して、具体的には更に研究する必要があります.
ネットワーク機能はFirebugのネットワーク機能と同様に、具体的な内容を表示するには「詳細ビューに移動」をクリックするしかありません.
このデバッグツールの機能はまだ改善し続ける必要がありますが、少なくとも良いスタートです.ほほほ.