判斷瀏覽器是否支援HTML5的方法

因為本身在開發HTML5相關網頁技術的關係 需要檢測瀏覽器是否支援HTML5

在HTML5當中新增了許多的標籤 而支援的瀏覽器使這些標籤有了功能

要檢測瀏覽器有許多方法




從PHP來說 就是抓取$_SERVER["HTTP_USER_AGENT"]的值來比對字串 判斷client端是使用什麼瀏覽器

但我覺得最好的方式還是把功能拆開來

意思就是如果這個網頁需要用到什麼功能就檢查瀏覽器支不支援此功能 而不是檢查client端是使用什麼瀏覽器

譬如說 我今天網頁有用到canvas的功能 那我就檢查

[php]
if(!document.createElement('canvas').getCotext)
alert('此瀏覽器不支援canvas'); [/php]

其實檢查功能真的是比較合理的方式

因為像是新一代的firefox與google chrome都號稱支援HTML5

但是它們對標籤內容的支援不一

比如  <input type=range /> 這個標籤在google chrome裡就會出現一條bar

但是在firefox它就不支援 而只會顯示一個像是textbox的東西

又比如 <input type=datetime />也只有在opera會自動出現日曆可以選



檢測標籤是否有用的方式有很多 有的framework是檢查瀏覽器支不支援css

這個部份我還尚未研究 先打在這裡好提醒我