何はともあれインストールしてみましょう。
以下のページからダウンロードできます。
Download details: Internet Explorer Developer Toolbar
このページにアクセスすると「Download」というボタンがすぐ目に付くと思うので、クリックするとPCへプラグイン(アドオン)のセットアップインストーラーがダウンロードできます。
ダウンロードできたら、ダブルクリックしてあとは規約に同意すればすぐにセットアップ完了です。
一度IEを開いている方は閉じて再度開いたほうがよいのかもしれません。
すると、ものすごくわかりにくいのですが、上のメニューバーに青い矢印みたいなのが追加されています。
それをクリックすると、ブラウザの下のほうに「IE Developer Toolbar」が開きます。
英語なんですが、ボタンとか押しているとなんとなく使い方はわかると思います。
以下、使ってみた感想です。
私が開発時に一番使う機能は、「outline」機能です。
これは、どういうふうにレイアウトされているか視覚的にわかる機能です。
FirefoxとIEでは、結構アウトラインに違いがあって、IEでのFloatやmargin、paddingがどうなっているのか知りたいところがありました。
これを使えば開発途中からIEとFirefoxの違いがわかりやすいし、ブラウザ試験時にバグが出ることも少なくなるだろうなと思いました。
仕事で開発するときはIEが最小限の保障するブラウザなので、これからはIEで開発するようにして、Firefoxで同時動作確認、その他のブラウザはテストにて確認というようにしようと思います。
トラックバック歓迎です。以下URLにて登録をお願いいたします。
このエントリーのトラックバックURL:
↓↓↓トラックバックしてくださった方々↓↓↓
※トラックバックされても管理人がスパムと判断したものは公開されません。