21

IE7 と IE8 でテストするために個別の VM を用意する必要がないように、仕事の目的でこれを確認しようとしています。私は常に IE9 (F12) で開発者ツールを使用し、ブラウザ モードとドキュメント モードを変更して IE7 と IE8 のテストを行ってきました。

これは、「実際の」IE7 および IE8 で実際にテストした場合とどのように比較されますか? 誰かが比較を行ったり、これを詳述した記事を見たりしましたか?

IE7 と IE8 のレンダリング エンジンは単に IE9 に含まれており、代わりにこれらのエンジンを使用しているだけだと思います。他に知っておくべきことはありますか？

4

3 に答える 3

58

私はいつも本物のブラウザを使っています。IE 9 の IE 7 モードが実際の IE 7 とは異なる動作をする例が 3 つあります。

  1. これは、透明な PNG がフェードアウトおよびフェードインする様子を示すページです。実際の IE 7 では、画像の端の周りが暗くなります。これは、IE 9 の IE 7 モードには当てはまりません。

  2. Base64 イメージは実際の IE 7 では機能しませんが、IE 9 の IE 7 モードでは機能します。これは、自分で確認するためにテストできるページです。

  3. zoom: 1px;これは、 CSS が適用された段落を示すページです。実際の IE 7 では、段落が非常に小さく見えます。これは、IE 9 の IE 7 モードには当てはまりません。

そして、実際の IE 8 とは異なる動作をする IE 9 の IE 8 モードの 12 の例があります。

  1. これは、 256px × 256px の画像を 50px × 50px にスケーリングしたページです。実際の IE 8 では、エッジが滑らかに見えます。これは、IE 9 の IE 8 モードには当てはまりません。

  2. James Hopkins の IE 8 バグ リストのCSS バグ 9 (JHIE8B) は、IE 9 の IE 8 モードには影響しません (テスト ケース、代替テスト ケース)。バグの説明は、「MS Sans Serif フォントを使用すると、箇条書き (塗りつぶされたディスク) リストマーカーが誤ってレンダリングされる」です。

  3. JHIE8B の CSS バグ 15 は、IE 9 の IE 8 モード (テスト ケース、代替テスト ケース) には影響しません。バグの説明は、「A 要素にネストされた IMG (vertical-align:baseline があり、テキストを含む兄弟ライン ボックスがない) を含むインライン ボックスのディセンダー スペースは、上にのみ描画される:hover」です。

  4. JHIE8B の CSS バグ 22 は、IE 9 の IE 8 モード (テスト ケース、代替テスト ケース) には影響しません。バグの説明は、「content属性が動的に挿入されたときにプロパティが属性の値を返さない」です。

  5. JHIE8B の CSS バグ 31 は、IE 9 の IE 8 モード (テスト ケース) には影響しません。バグの説明は、「@import を使用してこれらのスタイル ルールをインポートするときに、マーカー ボックスがアタッチされている要素からスタイルを継承しない」です。

  6. JHIE8B の CSS バグ 38 は、IE 9 の IE 8 モードには影響しません (テスト ケース)。floatバグの説明は、「値、max-height値、および のoverflow値を含む要素に一致するルール セットはscroll、完全なページの空白 (標準モードの強制)、または互換表示のフォールバックをトリガーします」です。

  7. JHIE8B からの CSS バグ 56 は、IE 9 の IE 8 モード (テスト ケース) には影響しません。バグの説明は、「(含まれているブロックよりも低いスタッキング レベルを持つ) 相対的に配置された子孫のスタッキング コンテキストは、デフォルトの後ろから前の順序を反映するために、含まれているブロックのスタッキング レベルがリセットされたときに、アセンダント:hover(または)で再計算されません。:activeドキュメントツリー内」。

  8. JHIE8B の CSS バグ 57 は、IE 9 の IE 8 モードには影響しません (テスト ケース)。バグの説明は、「親の終了タグの直前または親の開始タグの直後でvisibility:hidden親の終了タグの直前にあるインライン要素は、行ボックスの値と適用を妨げます」です。text-decorationunderlineoverline

  9. JHIE8B からの CSS バグ 60 は、IE 9 の IE 8 モード (テスト ケース、代替テスト ケース) には影響しません。table-cellバグの説明は、「要素に相当する匿名テーブル オブジェクト内のテキストは選択できません」です。

  10. JHIE8B の CSS バグ 62 は、IE 9 の IE 8 モード (テスト ケース、代替テスト ケース) には影響しません。バグの説明は、「半透明であり、その内容がoverflow:hidden親ボックスからオーバーフローしたときに内容が切り取られた (親に適用された) 要素は、オーバーフローの境界を提供する外側のエッジに沿って 1 ピクセルの透明度関連のにじみを経験します」です。

  11. JHIE8B からの CSS バグ 65 は、IE 9 の IE 8 モード (テスト ケース、代替テスト ケース) には影響しません。バグの説明は、「疑似要素に a を適用すると、関連する要素に適用された別の abackground-imageが表示されない」です。:first-childbackground-image

  12. JHIE8B の JavaScript バグ 1 は、IE 9 の IE 8 モードには影響しません (テスト ケース、代替テスト ケース)。バグの説明は、「ループ外のquerySelectorAllステートメント内で使用すると、完全なプログラム クラッシュを引き起こす」です。breakfor

複数の仮想マシンを持たなければならないのは多少不便ですが、少なくともそれらは無料で、VirtualBox でも動作します。

編集 1 (2012-08-21 19:40:46Z): IE 9 の IE 8 モードが実際の IE 8 とは異なる動作をする例を追加しました。

EDIT 2 (2012-11-16 08:11:42Z): IE 9 の IE 7 モードの動作が実際の IE 7 とは異なる最初の例のリンクを更新し、3 番目の例を追加しました。

編集 3 (2012-11-22): IE 9 の IE 8 モードが実際の IE 8 とは異なる動作をする 11 の例を追加しました。

于 2012-07-10T16:47:07.807 に答える
3

ニックの答えに追加するために、実際のIE 7とは異なる動作をするIE7モードのIE9の例をさらに2つ示します。

  1. localStorage は IE9-in-IE7-mode では機能しますが、IE7 では機能しません。
  2. sessionStorage は IE9-in-IE7-mode では機能しますが、IE7 では機能しません。

IE9 に実装されている Web API のうち、IE9-in-IE7-mode で動作する Web API は他にいくつあるのでしょうか...

于 2013-03-11T21:40:13.700 に答える
1

IE10 では、ブラウザ モードとドキュメント モードが信頼性の高いテストに適さない一連の非常によく似た問題があるようです。

IE 7 および IE 8 で機能する多くのフィルターは、ドキュメントおよびブラウザー モードでは機能しません。

于 2013-10-02T10:58:30.853 に答える