遅まきながらModernizrについて、少し、調査してみた。
どうやら、ブラウザ毎に特定の機能をサポートしているか確認できるjsのようだ。
<html lang="en" class="no-js"> <head> <meta charset="utf-8"> <script src="http://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js"></script> <script> console.log(Modernizr.canvas) </script> </head> <body> </body> </html>ポイントは、htmlタグにclass名の「no-js」を入れる必要があるということ。
上のプログラムでは、canvasタグをサポートしている場合は、trueを、サポートしていない場合は、falseを返すので、それぞれにわけて処理を書くことができます。
特に旧バージョンのIEを考えなくちゃいけない場合とかに威力を発揮するかも。
0 コメント:
コメントを投稿