IE8が正式リリースされてる事に気付き吹きました。。。
「ついに「Internet Explorer 8」正式版の日本語版がダウンロード可能に - GIGAZINE」
http://gigazine.net/index.php?/news/comments/20090320_ie8/
最近は、Web系の開発からも縁がなくなり情報収集を怠っていたため、正直、正式リリースは、まだまだ先の話だと思っていたのです。
そういえば昔作ったWebアプリケーションは、企業向けばかりでIE7対応すら行っていない物が多かったな～ あれどうするんだろ。。
IE8ですかそうですか・・・と思いつつ、こんな時のHyper-Vと思い早速インストールしてみました。
この週末リリースは、休み中に検証して欲しいという意味でも込められているのでしょうか・・はい検証します。
で、壊れてもよい環境としてHyper-V上に仮想OSとしてVista&IE8をインストール。
まずは自前のサイトを確認・・一部表示が崩れますが、まー心あたりがありますので、おおむね問題なしと…
次にIEの右クリックメニューとして動作する、DOMインスペクタっぽい事を行えるDHTML Diver 、同じく右クリックメニューで動作し style設定を行えるSTYLE Diverを試してみると。。
- おー、IE8上でも右クリックメニューに表示成功！
右クリック系のメニューは健在のようですね。
- STYLE Diverを起動してみると・・・おーこれも成功。
この時点で、HTCといったチョウマイナー機能も健在な事が分かりました。
- 肝心のstyleオブジェクトのプロパティを調べてみると、16個もの新プロパティがあるようですね～
IE7が出た時と比べると数が多いですね～ Web屋の血が騒ぎまする～
↑このSTYLE Diver内で"NEW"と表示されている項目が、IE8で追加されたstyleオブジェクトのプロパティとなります。
（※この一覧は、JavaScriptのfor ループで取得しており、事前定義した情報とマッチしない場合に"NEW"と表示する仕組みです。）
これらの個々の項目について、公式情報を調べましたので参考にどうぞ～
DOM名のリンクがMSDNへのリンク、CSS名へのリンクがW3Cへのリンクとなっています。（実はスンゲー時間かかった。。）
IE8で追加されたCSS（styleオブジェクトの新プロパティ）
| DOM 名 | CSS名 | 設定値 |
| collapse | separate | ||
| content-box | border-box | ||
| top | bottom | left | right | ||
| String | ||
| identifier | increment | ||
| identifier | integer | ||
| show | hide | ||
| -ms-block-progression | tb | rl | bt | lr | |
| Variant | ||
| color | style | width | ||
| invert | color | ||
| none | dotted | dashed | solid | double | groove | ridge | inset | outset | ||
| medium | thin | thick | width | ||
| auto | avoid | empty string | inherit | ||
| [<string> <string>]+ | none | ||
| Variant |
うーん、IEの独自実装として「-ms-block-progression」がありますね。
あえて独自実装する程の機能とは、何処で使っているのか興味深いところです。
個々の機能の動きは、ぼちぼち調べてみたい所です。んが、STYLE DiverやDHTML DiverのIE7対応（実は半分以上機能が動いてない）や、役に立ってない広告を排除しなければと考え続け、数年たっている現実があるのですよね。
いったい、いつの話になる事やら。。
