す～のお家

Chromeだと標準搭載されてるし、Firefoxだと豊富にあるアドオンの中にいくつかあるDOMインスペクタのIE版があります。それもMicrosoft純正
ちょっと前までそこまでIEでいろいろやろうと思わなかったので気にしてなかったんですが、仕事場で使えるブラウザがIEに限定されているため、IEでもいろいろ遊びたくなってきました。
で、さっそくJavascriptをゴリゴリ書いて遊んでたわけですが、ブックマークレットにしろ何にしろいじくりたい要素を特定できなきゃ操作できないですよね
初めはがんばって全部自力でソース読んでましたがちょっと複雑なのになるともうね、面倒で仕方ありません。

そんなわけでIEで使えるDOMインスペクタを探したらありました！

Internet Explorer Developer Toolbar

Microsoftさん、相変わらずかゆいところに手の届く感じなものもちょこちょこ公開してくれてます
このツールバーはIE用のプラグインとして公開されてます。インストールしたらツールバーに「＜＞」な感じのアイコンがあると思うので、そいつをポチッとしてください。


読み取り専用(Read-Only Properties)になっている「innerHTML」ですが、プロパティーの追加でinnerHTMLを追加してやると書きかえられちゃったりしますできる場合とできない場合があるみたいですが、その違いがどこにあるかまでは調べてませんできたら、そのときはやった、できたくらいな感じでやってみてください。
このツールがあれば要素を特定するのも楽チンで、しかもリアルタイムにプロパティやらCSSやらを書き換えられるのでサイトの開発までも楽できるようになりました
特に要素の特定は実際に見えてる要素をクリックしたらそれで該当タグを表示してくれるのでめっちゃ楽です

ツール自体は3年も前に公開されてるものですが、公開された時期なんて関係ない！
欲しいと思ったときが旬！！！ということで、IE向けサイトを開発されてる方、IEユーザーでブックマークレットとかで遊んでる方、使ってみてはいかがでしょうか～
(他にももっといいのあったらご紹介ください)

name:

email:

URL:

comments:

http://www3.to/su-house/tb.php/37