以前のバージョンのIE with IE 11でWebサイトを完全にテストするにはどうすればよいですか？

Question

IE10で古いバージョンのIEでWebサイトをテストするのは非常に簡単で、常に正常に機能していました。開発者ツールにアクセスし、メニューから必要なバージョンを選択して、問題ありませんでした。

さて、IE 11にアップグレードした後、このテスト方法でいくつかの問題が発生しました。まず、<!--[if lt IE 10]>のようなHTMLコメントの中に入れたものはもう表示されません。次に、数日前にIEの古いバージョンでIE 10を使用してテストした同じWebサイトは、IE11で同じテストを実行すると非常に異なって見えます。

それで、なぜこれらすべてのことが起こるのですか、そしてどうすればそれを解決できますか？

Sampson · Accepted Answer

Internet Explorer 11には、かなり優れたエミュレーションツールのセットが付属しています。 Internet Explorer 10で報告されている問題がわかっている場合は、それらをエミュレーションで複製することができます。成功した場合は、エミュレーション中にこれらの問題のトラブルシューティングに進むことができる可能性が非常に高くなります。

enter image description here

場合によっては、エミュレーションで再現できない問題が発生し、代わりにInternet Explorer 10（またはその他のバージョン）のネイティブインスタンスが必要になることがあります。この時点では、実際にはいくつかのオプションしかありません。

ブラウザの仮想マシン（ http://browserstack.com ）
デスクトップ上の仮想マシン（ http://modern.ie ）

各オプションには、独自の長所と短所があります。ブラウザ内の仮想マシンは非常に迅速に起動でき、実行するのに大量のシステムリソースを必要としません。そうは言っても、エクスペリエンスが途切れ途切れになり、低遅延に依存する問題のトラブルシューティングに役立たない可能性があります。

デスクトップエミュレーションは、ネイティブに近い感じがするので素晴らしいです。残念ながら、これは、現在のオペレーティングシステム内で2番目のオペレーティングシステムを実行するには、非常に大きなファイルをダウンロードする必要があることを意味します。さらに、構成などに取り組んでいることに気付くかもしれません。

現在トラブルシューティングしようとしている問題に応じて、私は個人的に2つの組み合わせを使用します。ただし、良い習慣として、明確で有効なマークアップを記述し、プログレッシブエンハンスメントや機能検出などのベストプラクティスを使用して代替コードパスを提供することで、何かのデバッグに多くの時間を費やす必要が少なくなります。

Tushar Patel · Answer

最新のIE11は、以前のIEブラウザバージョンと同様の機能を備えています。

1モードにアクセスするには、F12開発ツールを起動します。

2下部にあるエミュレーションアイコンをクリックして、ドキュメントモードを選択します。これらは「ブラウザモード」という名前ではなくなりました。

この記事はあなたを助けるかもしれません。 http://www.sitepoint.com/ie11-browser-modes-return/

Robb Sadler · Answer

IE10の問題についてユーザーから苦情があり、F12エミュレーションを使用してIE11で問題を再現できませんでした。私がやったことは（IE11をアンインストールし、IE10を無駄にインストールしようと何度も試みた後（Windows 10の場合））これでした：

ここからVirtualBoxをダウンロードします： https://www.virtualbox.org/wiki/Downloads 移動： https://developer.Microsoft.com/en-us/Microsoft-Edge/tools/vms /

テストするVMをダウンロードしてVirtualBoxにロードします。Webサイトにオプションの設定などの手順があります。ほとんどの場合、メモリ、仮想ハードディスクの場所とサイズを設定する必要があります。 IEこのVMでのみ実行しているため、1024MBとドライブのデフォルトを使用しました。これはうまく機能しました。ネットワークはデフォルトでホストを10.0.2.2に設定しているため、localhostテストWebサイトはlocalhost：8080はVM上で http://10.0.2.2:8080// にありました。それはうまく機能しました。

これで誰かの時間を節約できることを願っています。

エミュレーションでは、Array.filterのバグと__definegetter__のバグの2つの異なるバグを見逃していました。

VMがこれらをピックアップしました。エミュレーションよりも遅いアプローチです。

「IE11で」を見たところです。申し訳ありませんが、それでもこれが私の推奨事項です。また、IE11をアンインストールする必要はありません。