あなたがプロのWeb開発者であり、複雑なAJAXアプリケーションの開発とデバッグを絶えず扱っているなら、おそらくWebアプリケーションのデバッグと調査のために設計されたFirefoxブラウザープラグインであるFirebugを知っているでしょう。 現在のバージョン1.2xは、開発中に発生する可能性のある99％の問題を解決するのに十分な安定性と機能性を備えています。 しかし、このツールには、作業を容易にする可能性のあるいくつかの機能ではないにしても、欠点がないわけではありません。 そして、理想的な楽器でさえ、どのように聞こえても、さらに理想的なものにすることができます。
少し前まで、メインのFirebug 公式ページにアクセスすると、 2つの小さな驚きが見つかりました。 1つ目は、次世代のベータバージョン、バージョン1.3です。 そして、2番目の驚き-開発者は近い将来だけでなく、さらに遠くまで考えている-はすぐに利用可能であり、アルファバージョン1.4です。 しかし、ここに新しくて興味深いものがあります。これから検討します。
Firebug 1.3
このバージョンに対する重要な変更と追加の1つは、トレースモジュールです。 これにより、ブラウザと他のプラグインの両方の動作のすべての変更、キャッシュステータス、CSSおよびDOMによる操作の追跡などを追跡できます。 実際、ブラウザで発生するすべてのイベントのロガー（および非常に詳細な）です。 このモジュールは、Firebug自体よりも高いレベル（またはより深いレベル）で動作するため、Webアプリケーションとブラウザーコンポーネントまたは拡張機能の両方のデバッグに非常に役立ちます。 大量のメッセージにownれないように、ログで何をインターセプトして表示するかを柔軟に設定できます。
JavaScriptデバッグモジュールも変更されました。特に、大きなファイルをより効果的に使用するために、ソースコード表示の構造が変更されました。 ExtJS（特にデバッグバージョン）のようなライブラリを使用するのは、そのような大きなコードでブレーキをかけるために時々困難だったため、これは良いことです。 残りの変更は、クロージャーを使用する場合のデバッガーを改善することを目的としています（ この記事で詳しく説明します ）。これは、JavaScriptで複雑な構造を使用する場合も同様に重要です。
ページのすべてのDOMオブジェクトが表示されるタブには、リストがアルファベット順に表示されます（しかし、何かを表示するためにどのように使用されているかに気付きませんでした）。
アプリケーションのネットワークアクティビティを監視するのに役立つ[Net]タブも大幅に拡張され、革新されました。革新を使い始めるのに非常に専門的である必要はありません。 ここで、各コンポーネントについて、最も詳細な処理統計を収集して表示します。サーバーへの接続の作成、リクエストの送信、サーバーの応答の待機、データ自体の転送にかかる時間です。 さらに、ページの「ライフ」内の2つのメインイベントを追跡できます。DOMContentLoadedイベントは、DOMの形成に関するすべてのデータが読み込まれたことを示します（わかりませんが、このイベントはFirefox / Geckoのみにあるようです）、onloadイベントが生成されます（すべての準備が整ったことをアプリケーションに伝えます。 新しいパネルでは、各ステージで費やされた時間と各コンポーネントのタイムスタンプを見ることができます（上記のイベントに関連して）。 この情報を使用して、ページの表示時間を短縮するために、サーバーとクライアントの両方を構成および最適化する微妙な操作を実行できます。
その他の変更点：Firebugの拡張機能の開発者向けの機能強化、ローカライズの改善（ロシア語はまだありませんが）、検出された約40のエラーを閉じました。
現在、2つのバージョンをインストールすることが提案されていることに注意してください-Tracing Consoleモジュールの有無にかかわらず、プラグインを開発していない場合やブラウザの内部を探索していない場合は、通常バージョンをインストールできます。 特にオプションで多くのイベントの追跡を有効にしている場合、コンソールはまだ完全にテストされておらず、ブラウザがフリーズする可能性があります。
Firebug 1.4
このバージョンはバージョン1.3をさらに発展させたものであり、これまではアルファバージョンのみでしたが、実際の作業で既に使用できます（実際に使用しました）。 開発者はこのバージョンでは拡張機能の開発者（ブラウザとFirebug自体の両方）に焦点を当てていると言いますが、改善されたCSS Explorer、さまざまなタイプのデータ用の改善されたエディタがあり、ネットワーク経由で送信される異なるデータを正しく表示すると述べています（パネル拡張ネット）。 デザイナーにとっての朗報は、CSSスタイルの変更をすぐにソースファイルでサーバーに保存できるようにする予定だということです。
計画されている1.4の完全なリストは、 ここのソースコードのSVNバージョンにレイアウトされています。もちろん、このバージョンではすべてが実装されるわけではなく、関連性はありませんが、説明の一部が実装されていても、Firebugは再度確認しますAJAX Webアプリケーションをデバッグおよび研究するための最も強力なツールのタイトル。