IE版Firebugを使ってみよう

この記事は約2分で読めます。

Internet Explorer Developer Toolbar(作者:Microsoft) - IE用アドオン(Win)
操作画面
※ クリックで拡大

こんにちは、さち です!

今回は IE版 Firebug といっても過言ではないとても便利な Internet Explorer用アドオン
Internet Explorer Developer Toolbar を紹介します。

   → Firefox 用アドオン Firebug はこちらへ

では、さっそく詳細について見ていきましょう!

スポンサーリンク

操作方法は Firebug とほとんど同じ

Internet Explorer Developer Toolbar の操作方法はFirebug とほとんど同じなため
Firefox で Firebug を愛用してきた人も安心して使用できます。

上の画像のようにインターフェイス(操作画面)も Firebug に近いので
とても使いやすく使用方法については特に迷うこともないと思います。

レンダリング方法の切替も可能

10/7現在、ブラウザモードを以下の3種類から選択することが可能です。

  • Internet Explorer 7
  • Internet Explorer 8
  • Internet Explorer 8 互換表示

個人的には、Internet Explorer 6 がないのがちょっと残念…。

Firebug にはない機能も

Internet Explorer Developer Toolbar は IE版 Firebug という枠にはおさまらず
独自のオリジナル機能も備えています。

個人的には特に CSS の プロパティ から指定箇所を順にトレースできる
「トレーススタイル」 という機能が面白くて便利だと思います。

使用環境&使い方

Internet Explorer Developer Toolbar はダウンロードのページは英語ですが
上の画像のように日本語で使用することができます。
英語が苦手という人も安心です。

Internet Explorer Developer Toolbar を使用する際には
IE で 目的のWebページを開いた状態で 「F12」 を押します。
IEメニューの「ツール」 → 「開発者ツール」 の順に進んでもOKです。

気に入った人はぜひ使ってみて下さいね!

   → Internet Explorer Developer Toolbar をダウンロードする

コメント

  1. sneak より:

    日本語で使えると解説されてますが、日本語で使用する方法を教えていただきたいです。
    検索して探してみたのですが、解りませんでした。
    現在のバージョンでは対応してないのでしょうか?

  2. さち より:

    私は特に何か設定をしたわけではなくて
    最初から日本語で表示される状態でした。

    IEをさわり色々と調べてみましたが
    それらしき設定項目はなく
    日本語化する方法は分かりませんでした。
    お力になれず申し訳ないです。

    IE8以降では「開発者ツール」という名前で
    最初からIEに同梱されているようで
    別途インストールする必要もないみたいです。

  3. sneak より:

    すいません。解決しました。
    最初、インストールした時は英語だったものが、いつの間にか(再起動後?)日本語になりました。
    お騒がせしました。ありがとうございます。

タイトルとURLをコピーしました