条件分岐でclassをつける

レンダリングモードを最新で

html5対応

IE9.js

ie7-js – A JavaScript library to make MSIE behave like a standards-compliant browser. – Google Project Hosting
https://code.google.com/p/ie7-js/
対応表:http://ie7-js.googlecode.com/svn/test/index.html

html5shiv

html5shiv – HTML5 IE enabling script – Google Project Hosting
https://code.google.com/p/html5shiv/

CSS3対応

Selectivizr.js

CSS3のセレクタを使えるようにする。

Selectivizr – CSS3 pseudo-class and attribute selectors for IE 6-8
http://selectivizr.com/

  • jQueryなどのライブラリと一緒に使う。
  • ライブラリの種類によって、使えるセレクタが異なる。
  • サーバー上でのみ動作する。ローカルで確認しても動かない。

respond.js

MediaQueryを使えるようにする。

scottjehl/Respond
https://github.com/scottjehl/Respond

MediaQueryを使えるようにするのにはcss3-mediaqueries-jsもある。

 css3-mediaqueries-js – css3-mediaqueries.js: make CSS3 Media Queries work in all browsers (JavaScript library) – Google Project Hosting
https://code.google.com/p/css3-mediaqueries-js/

ブラウザの HTML5, CSS3 対応状況を調べて処理を分岐させる

modernizr.js

Modernizr Download Builder
http://modernizr.com/download/

『Modernizr』を使ってブラウザーの機能を調べCSS、JSそれぞれ対応して書いていこう -まとめ
http://infinityforest.net/home/archives/2434
わかりやすい記事。参考までに。

参考:

使ったことはないですが。何かの機会のためにメモ。

JavaScript ユーザエージェント条件分岐便利スニペット|Web制作 W3G
https://w3g.jp/blog/tools/js_browser_sniffing

【JavaScript】IEかどうかを判別する(IE10からは条件分岐コメントが使えない) at softelメモ
http://www.softel.co.jp/blogs/tech/archives/3974

スポンサードリンク