IE版のFirebug　IE Developer Toolbar

みなさんはInternet Explorer Developer Toolbarというのを知っているでしょうか？

マイクロソフトが現在ベータ版として提供しているツールで、簡単に説明すればIE版のFirebugです。

IEで使えるFireBugとして聞くとFireBug Liteを思い浮かべがちですがFireBug Liteのようにソースにjavascriptを埋め込むことなく実行することが可能です。

ちなみにFirebugとはjavascritpやCSSのデバッグなどを行えるFirefoxのアドオン(拡張機能)になります。

すごく便利ですので、使ったことがない方はFirebugの方からお使いください。

話は戻りますが、Internet Explorer Developer Toolbarのインストール方法について解説したいと思います。

インストール方法

IEでMicrosoftのInternet Explorer Developer Toolbarのダウンロードに行きます。

ここでDownloadボタンを押してください。
するとインストールが開始します。
インストールを実行してください。

インストールが開始されますので『next』でどんどん進んでください。

最後にAgreeにチェックを入れて利用規約に同意します。

これでインストールが終了します。
ここでIEを再起動します。

するとメニューにIE Developer Toolbarが追加されています。
IE6の場合は 表示→エクスプローラーバー→IE DOM Explorerが追加されています。

これを実行すると、ブラウザの下部にFirebugのようなコンソールが出てきます。

要素を選択して、その要素にかかっているCSSプロパティを調べたり、リアルタイムでCSSプロパティを書きかえれたりします。

また、Firebugにはない機能でブラウザのデフォルトのCSSなども調べることができます。
(正確にはFirebug0.4.1にはこの機能は搭載されていたのですがFirebug1.0でなくなりました)

色々と触っているのですが、JavaScriptのデバッグ機能は、Firebug1.0と比べると貧弱ですが、javascript実行後のhtmlを調べれるのでこれは使えます。

CSSの作業環境としてはFirebugと同等の環境がIEで手の入ったといって過言ではありません。

関連エントリー

携帯サイトの開発に最適なツール
IE6とIE7で検証する方法
firefoxの便利な拡張機能
Web Accessibility Toolbar
最強のCSS編集ツール by Firefox

スポンサードリンク

• 2007年3月20日 00:59
• カテゴリー tools

«ちゃんとCSSするためのスタイルガイド入門 | メイン | CSS Nite in Osaka 2007 春の陣 前夜祭»

to-Rについて

JavaScriptやCSS、React/Angularなどのフロントエンド情報を発信しています。

書いてる人

西畑一馬 (株式会社トゥーアール)
代表取締役/フロントエンドエンジニア

株式会社トゥーアールについて

渋谷にあるフロントエンドに特化したWeb制作会社です。フロントエンドの実装についてお困りの事がありましたらお気軽にご相談ください。
株式会社トゥーアールへのお問い合わせ

検索

著書

Web制作の現場で使う
jQueryデザイン入門
[改訂新版]

JavaScript
コーディング
ベストプラクティス

スポンサードリンク

カテゴリー

• AWS [4]
• React [5]
• Angular [5]
• TypeScript [1]
• JavaScript [130]
• jQuery [59]
• CSS [95]
• HTML [19]
• iPhone [20]
• Android [31]
• Movable Type [72]
• WordPress [11]
• Facebook [6]
• Google [20]
• PHP [43]
• SEO [62]
• SEM [11]
• writer [108]
• seminar [107]
• Mac [7]
• server [15]
• Firefox [22]
• direction [7]
• tools [72]
• design [26]
• works [9]
• books [88]
• dialy [84]

アーカイブ

• 2021年11月 [3]
• 2021年10月 [2]
• 2021年5月 [1]
• 2020年5月 [1]
• 2020年1月 [3]
• 2019年5月 [4]
• 2019年4月 [1]
• 2019年1月 [1]
• 2018年12月 [1]
• 2018年7月 [1]
• 2018年3月 [2]
• 2021年 [6]
• 2020年 [4]
• 2019年 [6]
• 2018年 [5]
• 2017年 [11]
• 2016年 [15]
• 2015年 [44]
• 2014年 [41]
• 2013年 [62]
• 2012年 [66]
• 2011年 [100]
• 2010年 [85]
• 2009年 [96]
• 2008年 [149]
• 2007年 [213]
• 2006年 [143]
• 2005年 [66]

最近のエントリー

• AWS CloudFrontで特定ディレクトリを別のS3ストレージを割り当てる
• Nuxt.js / Next.jsで作成したサイトをGitHub ActionsでAWS S3にデプロイする
• AWS CloudFront FunctionsでBasic認証を設定する
• AWS SAM のtemplate.yamlをdeploy環境ごとに切り替える
• AWS Lambda(Node.js)でJimpを使って画像のバリデーションを行う
• IE11が終わる日
• 自宅ネットワーク高速化の道のり
• もう、SP用のWebデザインを倍の解像度で作るのをやめよう
• ReactのuseRefを再描画がかからないState管理として利用する
• TypeScriptのインデックス シグネチャでオブジェクトのキーの型を指定する

© 2005 to-R some Rights Reserved.