afnf.net

IE8なんて○○してしまえ!

ブラウザ tips 2014/04/21 23:33

試験も終わったのでブログを書いてみ爆発しろ!

まだまだ現役のIE8

netmarketshareさんからデータを拝借。

20140421_browser_share

IE8は最大シェアの21%。ほとんどWindowsXPのせいでしょうけど、無視できないシェアです。逆に、IE6はもう無視していいですね。

どれほどアレなのか

私が知っているだけで、以下のような問題があります。

  • HTML5が未サポート
  • CSS3が未サポートなので、Media Queriesが使えない
  • JavascriptのArray系メソッドがほとんど未実装
  • おせっかいな互換モード表示
  • 透過pngの挙動が微妙

で、いろいろ不都合が発生します。

Twitter Bootstrapで動作不良

HTML5/CSS3サポートの問題と、互換モード表示のせいです。 公式ドキュメントにある通り、以下のタグが必要になります。

<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">

2つめの IE=edge 設定に気付かず、1時間ほどハマりました。

highlight.jsはIE8サポート外

ソースコードハイライトにhighlight.jsを使っていますが、IE8はサポートしていません。これに気付かず、30分ほどハマりました。結局どうしようもないので、動作させないようにしました。

var hljs = null;
if(Array.prototype.map){
  hljs = new function(){...}
}

所感

昔はIE6にもさんざんやられて、やっと切り捨てられると思ったら今度はIE8かよって感じです。IE9以降は割合まともなので、もう少し我慢ですね。あと1年ぐらいかな?

ブラウザ tips 2014/04/21 23:33
comments (0)

blog-java2 engine (build:2019-02-23 17:57 JST)