Shoeisha Technology Media

CodeZine(コードジン)

記事種別から探す

MS、無償のWeb制作者向けIEプラグイン「Internet Explorer Developer Toolbar」正式版公開

  • LINEで送る
  • このエントリーをはてなブックマークに追加
2007/05/11 18:56

Microsoftは、IE用プラグイン「Internet Explorer Developer Toolbar」正式版をリリースした。

 Microsoftは9日、IE用プラグイン「Internet Explorer Developer Toolbar」正式版をリリースした。以前からWeb開発者向けにリリースされていたプラグインだが、今回よりバージョン1.00の正式版となった(リリースされたのは、バージョン1.00.2188.0)。

 Internet Explorer Developer ToolbarはMicrosoftのWebサイトより無償でダウンロードできる。IE7の場合、インストールするとブラウザの右上に小さなアイコンが現れ、これをクリックするとメニューが表示されるようになる。

Internet Explorer Developer Toolbar
Internet Explorer Developer Toolbar

 Webサイトにおける画面デザインでは、HTMLのDOM構造やCSS適用内容、要素のサイズなど、実際にブラウザを通した表示を見ながら検証していく必要がある。Internet Explorer Developer Toolbarを使うと検証したい変更をプレビューしながら行えるため、これらの作業を効率よく行うことができる。

 Internet Explorer Developer Toolbarの主な機能は以下の通り。

  • DOMツリーの表示(画面上の要素をクリックすることでツリーの該当部分を表示させることができる)
  • 要素の属性表示・追加・削除
  • 適用CSSの詳細表示
  • Script、ポップアップブロック、CSSのオフ
  • class、IDの表示
  • リンクパスの表示
  • タブインデックス、アクセスキーの表示
  • DIVタグ、TABLEタグのアウトライン表示
  • 画像の制御、代替テキストの表示
  • クッキーの制御
  • ルーラー
  • カラーピッカー
  • HTML、CSSなどのバリデートチェック

 Firefoxでは、DOM InspectorやWeb Developerなど、同様の機能を実現するアドオンがあるが、IEにおいては、Internet Explorer Developer Toolbarが強力なツールになりそうだ。

Internet Explorer Developer Toolbar
  • LINEで送る
  • このエントリーをはてなブックマークに追加

おすすめ記事

All contents copyright © 2006-2017 Shoeisha Co., Ltd. All rights reserved. ver.1.5