Firebug Lite

Google Chrome は、Web サーファーの間だけでなく、Firefox や Internet Explorer に代わるものとして人気が高まり、受け入れられています。 Web 開発者は、Chrome の速度と柔軟性、およびオープンソース コンポーネントを気に入っています。 Firebug Lite for Google Chrome は、人気のある Firebug Web 開発ツールの機能を Chrome インターフェイスに追加する無料の拡張機能です。 Firebug Lite を使用すると、HTML をリアルタイムで検査および変更し、ネットワークのパフォーマンスとアクティビティを分析し、ブラウザーで利用できる最も高度なデバッガーであると主張されている JavaScript を使用して JavaScript をデバッグできます。

Google Chrome 用の Firebug Lite のインストールは、Chrome でページを開き、ダウンロード リンクをクリックして変更を許可するだけで簡単にできました。 Firebug Lite アイコンは、ツールバーの右側の拡張スペースに表示されました。それをクリックすると、プログラムの下部パネルの開閉が切り替わりました。この拡張可能で取り外し可能なパネルは、Chrome インターフェースの幅全体に及びます。そのファイル メニューには、対象の Web ページを分析するための検査と、フィールドをリセットするためのクリアの 2 つのエントリがあります。タブ付きのツール トレイには、Console、HTML、CSS、Script、および DOM というタイトルのエントリが含まれています。下部フレームの小さな矢印は、スクリプトを入力して実行するためのサイド パネルを切り替えて開きます。ナビゲーション ボタンを使用すると、現在のページの Firebug Lite を無効にしたり、プログラムをポップアップ ウィンドウで開いたりして、Chrome とは別にプログラムを移動できます。

Firebug Lite を使用する前に、開発者の簡単なビデオ チュートリアルを見ました。これは、新しいユーザーにプログラムのさまざまなツールをうまく説明するものです。個人の Web ページに移動し、[検査] をクリックしました。 HTML タブにはメイン パネルにコードが表示され、小さなサイド パネルには Style、Computed、DOM の 3 つのタブが表示され、DOM には包括的な Java 情報が表示されます。チュートリアルの指示に従って、HTML をすばやく変更して、サイトに目に見える変化を確認することができましたが、害はありませんでした。 CSS をクリックすると、Cascading Style Sheets ツールが開き、メイン タスクバーにドロップダウン メニューが表示され、関連するサイトがすべて表示されます。

Firebug Lite for Chrome は、ここですべてを十分にカバーするには多すぎますが、本当に知っておく必要があるのは、無料で、Chrome とシームレスに統合され、実際に非常にうまく機能することだけです。