≪ ≪ eSATAインターフェースの外付けHDD/ドライブボックス比較検討中・・・(Part.11) IE Key Event キャプチャー:IE8ではEventオブジェクトのプロパティの増減無し・動きに変化は? ≫ ≫

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 名
(MSDNリンク)

CSS名
(W3Cリンク)

設定値

borderSpacing

border-spacing

collapse | separate

boxSizing

box-sizing

content-box | border-box

captionSide

caption-side

top | bottom | left | right

content

content

String

counterIncrement

counter-increment

identifier | increment

counterReset

counter-reset

identifier | integer

emptyCells

empty-cells

show | hide

msBlockProgression

-ms-block-progression

tb | rl | bt | lr

orphans

orphans

Variant

outline

outline

color | style | width

outlineColor

outline-color

invert | color

outlineStyle

outline-style

none | dotted | dashed | solid | double | groove | ridge | inset | outset

outlineWidth

outline-width

medium | thin | thick | width

pageBreakInside

page-break-inside

auto | avoid | empty string | inherit

quotes

quotes

[<string> <string>]+ | none

windows

widows

Variant

 

うーん、IEの独自実装として「-ms-block-progression」がありますね。

あえて独自実装する程の機能とは、何処で使っているのか興味深いところです。

個々の機能の動きは、ぼちぼち調べてみたい所です。んが、STYLE DiverやDHTML DiverのIE7対応(実は半分以上機能が動いてない)や、役に立ってない広告を排除しなければと考え続け、数年たっている現実があるのですよね。

いったい、いつの話になる事やら。。

≪ ≪ eSATAインターフェースの外付けHDD/ドライブボックス比較検討中・・・(Part.11) IE Key Event キャプチャー:IE8ではEventオブジェクトのプロパティの増減無し・動きに変化は? ≫ ≫

関連記事

Google Ads

Leave a Reply

You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>