【Javascript】ブラウザがHTML5(Canvus)に対応してるか確認

スポンサーリンク

このページでは、Javascriptを用いてブラウザがHTML5(Canvus)に対応してるか確認する方法とソースコードについて紹介します。

スポンサーリンク

HTML5(Canvus)の対応確認

HTML5未対応のブラウザがページを読み込んだ時にエラーメッセージを表示させてみました。

【処理手順】
①document.getElementByIdで指定されたIDを持つ要素を取得する。
②HTML未対応ブラウザで読み込んだ場合はCanvus要素を取得できないため①でNULLが返ってくる。
③NULLが返ってきたらalert()でエラーメッセージを出す。

ソースコード

サンプルプログラムのソースコードです。

■Javascript (main.js)

■HTML (index.html)

【関連記事】
HTML5t入門 サンプル集
Javascript入門 サンプル集

スポンサーリンク

シェア&フォローお願いします!