このページでは、Javascriptを用いてブラウザがHTML5(Canvus)に対応してるか確認する方法とソースコードについて紹介します。
## HTML5(Canvus)の対応確認
HTML5未対応のブラウザがページを読み込んだ時にエラーメッセージを表示させてみました。
【処理手順】
①document.getElementByIdで指定されたIDを持つ要素を取得する。
②HTML未対応ブラウザで読み込んだ場合はCanvus要素を取得できないため①でNULLが返ってくる。
③NULLが返ってきたらalert()でエラーメッセージを出す。
## ソースコード
サンプルプログラムのソースコードです。
■Javascript (main.js)
■HTML (index.html)
【関連記事】
HTML5t入門 サンプル集
Javascript入門 サンプル集
コメント