在創建HTML5 的標記時,例如canvas等,需要先確保瀏覽器能夠支持它, 如果不支持,必須有提示信息,
可以通過以下方法, 測試瀏覽器是否支持HTML5:
創建一個test. html檔案
<!DOCTYPE> <html> <head> <meta charset="gbk"/> <title>测试浏览器是否支持HTML5</title> <script language="javascript"> function test() { try{ document.createElement("canvas").getContext("2d"); document.getElementById("support").innerHTML="HTML5 Canvas is supported in your browser"; }catch(e){ document.getElementById("support").innerHTML="HTML5 Canvas is not supported in your browser"; } } </script> </head> <body onLoad="test()"> <p id="support"></p> </body> </html>
上面的程式碼試圖建立一個canvas 對象,並且取得上下文,如果發生異常,則可以擷取錯誤,判斷是否支援HTML5,
程式碼能判斷瀏覽器是否支援canvas 元素, 但不會判斷具體支援canvas 的哪些特性. 以上就是HTML5之3__測試瀏覽器是否支援HTML5 的內容,更多相關內容請關注PHP中文網( m.sbmmt.com)!