人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

phpかjavascriptで、アクセスしたユーザーのブラウザが
html5に対応か非対応か、判定する良い方法を教えてください

●質問者: makocan
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 5/5件

▽最新の回答へ

1 ● holoholobird
●20ポイント

ここを見ていただければわかると思いますが、html5とは新たに定められた機能の総称です。

http://html5-css3.jp/useful/css3-html5.html
http://fmbip.com/litmus/

ですので、どこまでHTML5に対応、もしくは特定のhtmlの機能に対応しているのかを言っていただけないと確かめようがありません。

ちなみにブラウザの機能を統一させるmodanizerというjsライブラリがあるので、これを使うのも一つの手段です。

http://javascript.webcreativepark.net/library/modernizr


makocanさんのコメント
なるほど。 使いたいのは、audioとvideoタグになります。

2 ● a-kuma3
●20ポイント

「HTML5 に対応しているか」ではなく、「HTML5 の○○が使えるか」という判定の方が良いんじゃないかと思います。

ここに、javascript での判定ロジックが、ドサっとあります。
http://diveintohtml5.info/everything.html

例えば、<canvas> が使いたければ、

 if (!!document.createElement('canvas').getContext) {
 ... // canvas を使う処理
 }

実際には canvas タグを書いているでしょうから、こんな感じになるかと思います。

<canvas id="my_canvas"></canvas>

<script>
 var c = document.getElementById("my_canvas");
 if (canvas && canvas.getContext) {
 ... // canvas を使う処理
 }
</script>

makocanさんのコメント
なるほど。 使いたいのは、audioとvideoタグになります。

3 ● だわかき
●20ポイント

一概にHTML5と言っても、ブラウザによって実装している機能にばらつきがあります。
個々の機能が実装されている尾かどうかチェックできるHTML5/CSS3対応状況を表示するWebユーティリティ「haz」が便利です。オープンソースです。
https://github.com/philippbosch/haz


4 ● Cherenkov
●20ポイント

Modernizrでできます。
Modernizr Download Builder
ダウンロードする際にHTML5 Audio、HTML5 Videoにチェックを入れて、使い方は

if(!Modernizr.audio || !Modernizr.video) {
 alert("HTML5 Audio、HTML5 Videoに対応していないブラウザ!");
}

でいいらしい。


参考


5 ● boost_beast
●20ポイント

HTML5の対応状況を判別するライブラリ。
http://voices.internetacademy.jp/bohr/boston/2011/12/html5_5.html

ここが参考になると思います。

関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ