中の技術日誌
 ホーム / 上へ

紹介:Internet Explorer Developer Toolbar

2005/10/01

この文書は英語版Betaをベースに記述されています。 新しいバージョンが出ている場合には内容が正しく無い可能性があります。

IEをつかったWeb開発を行う際のクライアント側のサポートは今までIEにはありませんでした。

このツールはクライアント側のサポートを行ってくれるものです。

Internet Explorer Developer Toolbar Beta
http://www.microsoft.com/downloads/details.aspx?FamilyID=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en

View DOM

IEが読み込んだドキュメントをどのように解釈しているかを表示します。

DOM上の解釈がわかればjavascript:xxx=xxxで直接いじるのも簡単に出来ますよね。

Disable

各々の機能を無効にした場合に、どんな感じで表示されるかを制御できます。

フルで無効にした場合には以下のように表示されます。主にImageと、Scriptが利いた結果ですね。

View

どのクラスが利いているか、IDが振られているか、タブインデックス、アクセスキーはどうなっているかを見ることが出来ます。

どのクラスが利いているかは今まで手探りでしたがどうなっているか見えて最高ですね。

Link Pathsは元のリンク文字を超えないように制御しているようなので、あんまり使えないかも。

Outline

テーブルや、セルがどのような配置になっているかアウトラインを表示してくれます。

下の画面はDIV tagsをうちのサイトで行ってみた結果です。

Validate

各種Validatorへのリンクになっています。

Images

イメージに関する情報を表示できます。

以下のはShow Image Dimensions, Show Image File Sizes, Show Image Pathsの3つをつけた状態です。

View Alt TextをつけるとAltだけになります。

Show Image Pathsをするとイメージ毎に以下のような情報が表示されます。

SRC http://naka.wankuma.com/site/234x60.jpg
Actual Width 234px Actual Height 60px
Adjusted Width 234px Adjusted Height 60px
Alt text �†‚Ì‹Zp�úŽ 
Title text [No Title Value]
File Size 16915 bytes

Resize

指定したブラウザサイズに変更します。

800x600や、1024x768でどのように見えるかを意識できます。

Misc

各種クリア、クッキーの表示、情報源へのリンクなどなど

クッキーの表示はこのようにどんな値が設定されているかがわかります。

NAME SRCHUID
VALUE V=1&GUID=E3A99F590DEC43DB91331D72BF1B6701
DOMAIN search.msn.co.jp
PATH /
EXPIRES 2015/07/21 8:59:59

Show Ruler

以下のようにこのポイントからこのポイントまでの距離は?とか、何ピクセル目から始まっているんだっていうのがわかります。

多少のオプションがあります。

どうですか?

HTMLの作成やWeb開発において必需品だと思いませんか?

ぜひ利用してみてください。

#日本語化に向けてプッシュプッシュしていきましょう。


勉強会: 01/12 大阪#5, 02/03 東京#4 , 02/10 大阪#6 登録受付中

中の技術日誌
コンテンツ
わんくま同盟
わんくま同盟
わんくま同盟
広告
バナー
MVP LOGO
MSMVP Visual C# Since 2004/04-2007/03
MCP LOGO
070-316
姉妹サイト
姉妹サイト:じゃんぬのC#, VB.NET 入門
じゃんぬの
C#, VB.NET 入門
検索
Google

ブログ本家
広告