Internet Explorer 10になっても指定したバージョンで動作させる方法

ブラウザのバージョンが上がることで使用してるフレームワークが動作しなくなったりレイアウトが崩れたりすることがあります。

互換モードを指定することで以前のバージョンで動作させることができます。

互換モードを指定

ヘッダーで「EmulateIE9」を指定します。

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <title>ドキュメント互換モード</title>
    <!-- Internet Explorer 9 と同様に動作 -->
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />
  </head>
  <body>
    <p>ドキュメント互換モード : <span id="documentMode"></span></p>
    <script src="http://code.jquery.com/jquery.js"></script>
    <script type="text/javascript">
      var documentMode = document.documentMode;
      console.log("ドキュメント互換モード:" + documentMode);
      window.document.getElementById('documentMode').innerHTML = documentMode;
    </script>
  </body>
</html>

互換モードが指定されているかどうかはdocument オブジェクトの documentMode プロパティで確認できます。

サンプル