主要なブラウザとiOSデバイスにFirebugをインストールするためのガイド

Firebugは、Webページ要素の検査、Webページのデバッグおよび開発を行うための優れたツールを備えたFirefoxアドオンです。ただし、Firefox以外のWebブラウザでこれらのツールを使用することはできません。.

他のブラウザ用の同様のツールの開発は大変な作業になるかもしれませんが、Firebugを他のブラウザでも動作させることができれば、みんなが自分の好きなブラウザを持っていることを考えると、それは大いに役立ちます。.

さて、ここがFirebug Liteがあなたのニーズを解決するためにやってくるところです。 Firebug LiteはFirebugのより単純なバージョンですが、IE、Opera、Chrome、Safari、iPad、およびiPhoneで同様のオプションと機能を維持しながら使用できます。.

Firebug LiteをOpera、Safari、Chromeにインストールする

Firebug Liteでは、インストールは必要ありません。 Javaスクリプトで書かれて、あなたはFirebug Liteリンクをブックマークすることができます、そしてそれはページ検査の準備ができているでしょう。だからあなたがする必要があるのは単に下のリンクをブックマークすることです（あなたはまたあなたのブラウザのブックマークバーにリンクをドラッグすることができます）.

Firebug Lite

Chromeブラウザを使用している場合、ブックマークバーが表示されていれば、ブックマークは次のように表示されます。.

それだけです、Firebug Liteは使用する必要があるときに動作するはずです.

Opera、Safari、ChromeでFirebug Liteを使用する

これで、Firebug Liteを使って実質的にあらゆるWebページを調べることができます。この例では、Wikipedia.orgを使用します。.

Webページが読み込まれたら、先ほど保存したFirebug Liteのブックマークをクリックすると、Webページの下部にconsolボックスが表示されます。.

クローズアップすると、これがページの左下に表示されます。.

これで、多くの行の始点に（+）と（ - ）が表示されます。（+）は、1行のhtmlの下に閉じられている行があることを意味します。行を強調表示すると、ページのどの部分を表しているかがわかります。.

しかし、Webページ上のテキスト、写真、リンク、その他の要素によって表される行を見つけやすくするには、[検査]ボタンをクリックします。.

これで、Webページで利用可能な要素の任意の部分にマウスカーソルを合わせると、HTML行が強調表示されます。これにより、検査が簡単になります。.

iPadとiPhoneにFirebug Liteをインストールする

Bookmarkletsは、iPadとiPhoneにはあまり適していません。 Firebug LiteをiPadとiPhoneにインストールするには、次のようにします。

このページをiPadまたはiPhoneでブックマークする.
ブックマークの名前を「Firebug」に変更します.

以下のスクリプトをすべて選択してコピーしてください。.

javascript：（関数（F、i、r、e、b、u、g、L、I、T、E）if（F.getElementById（b））が返される場合; E = F [i + 'NS'] && F。 documentElement.namespaceURI; E = E？F [i + 'NS']（E、 'script'）：F [i]（ 'script'）; E [r]（ 'id'、b）; E [r]（ 'src'、I + g + T）; E [r]（b、u）;（F [e]（ 'head'）[0] || F [e]（ 'body'）[0]）。 appendChild（E）; E = new％20Image; E [r]（ 'src'、I + L）;）（document、 'createElement'、 'setAttribute'、 'getElementsByTagName'、 'FirebugLite'、 '4'、 'firebug-lite.js'、 'リリース/ lite / latest / skin / xp / sprite.png'、 'https：//getfirebug.com/','#startOpened'）;

ブックマークオプションに行き、「編集」を押してください。それから「Firebug」ブックマークを選択してください.
元のURLを削除してブックマークレットを貼り付ける.
選ぶ “完了” キーボードで.

さて、任意のウェブサイトを開いて「Firebug」ブックマークを選択すると、iPad画面の下部に機能的なFirebugが表示されます。.

結論

Firebug Liteは、迅速なページ検査を実行するのに十分に優れています。あなたは、HTML、CSSとWebページを構築するために使用される任意のスクリプトを表示することができます。 Chromeには独自のWeb Developer拡張機能がありますが、Firebug Liteは1マイルも期待を裏切りません.