phpかjavascriptで、アクセスしたユーザーのブラウザが

html5に対応か非対応か、判定する良い方法を教えてください

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2013/06/25 17:28:18
  • 終了:2013/07/02 17:30:03

回答(5件)

id:holoholobird No.1

holoholobird回答回数574ベストアンサー獲得回数1042013/06/25 17:55:42

ポイント20pt

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

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

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

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

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

id:makocan

なるほど。
使いたいのは、audioとvideoタグになります。

2013/06/25 20:04:39
id:a-kuma3 No.2

a-kuma3回答回数4365ベストアンサー獲得回数18012013/06/25 17:59:59

ポイント20pt

「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>
id:makocan

なるほど。
使いたいのは、audioとvideoタグになります。

2013/06/25 20:04:52
id:dawakaki No.3

だわかき回答回数797ベストアンサー獲得回数1222013/06/25 20:04:38

ポイント20pt

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

id:Cherenkov No.4

Cherenkov回答回数1502ベストアンサー獲得回数4922013/06/25 21:10:11

ポイント20pt

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

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

でいいらしい。


参考

id:boost_beast No.5

boost_beast回答回数785ベストアンサー獲得回数312013/07/02 06:56:49

ポイント20pt

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

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

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません