1行のコードでIEの様々な互換性問題を解決（IE6-IE10）

x-ua-compatible は、IE ブラウザがコンパイルされたページを解析するための mod を指定するために使用します。

x-ua-compatible header タグは大文字と小文字を区別し、head 内で使用し、title 以外の meta の前に使用する必要があります。

1. 1行のコードで、ブラウザが特定のドキュメントモードを使用することを指定する。

<meta http-equiv="x-ua-compatible" content="IE=9" >
<meta http-equiv="x-ua-compatible" content="IE=8" >
<meta http-equiv="x-ua-compatible" content="IE=7" >

2、場合によっては、特定のバージョンに解析されたドキュメントにブラウザを限定する必要がある、あるいは、ブラウザをある古いバージョンの性能に限定する必要がある。これは、次のような方法で行うことができます。

<meta http-equiv="x-ua-compatible" content="IE=EmulateIE9" >
<meta http-equiv="x-ua-compatible" content="IE=EmulateIE8" >
<meta http-equiv="x-ua-compatible" content="IE=EmulateIE7" >

この書き込みでは、ブラウザは解析に標準モードを使用するか、IE5 Quirksモードを使用します。

3. テスト用に、次のステートメントを使用して、ブラウザが最も高い標準モードでページを解析するように指定することもできます。

<meta http-equiv="x-ua-compatible" content="IE=edge" >

4. 複数のモードが指定されている。この場合、ブラウザはこのリストの中からサポートされているバージョンが最も高いものを選び、標準モードでレンダリングを行います。例えば、以下の例では、IE8 で閲覧する場合、IE9 と IE10 には対応していないため、IE7 の標準モードでレンダリングされます。

<meta http-equiv="x-ua-compatible" content="IE=7,9,10" >

以上、本記事の内容が皆様の勉強や仕事に少しでもお役に立てれば幸いです。また、より多くのスクリプトホームをサポートできれば幸いです。