怎么知道瀏覽器是否支持html5

可以通過檢查是否瀏覽器支持某個(gè)特定的html5功能，比如檢查是否支持canvas：

成都創(chuàng)新互聯(lián)2013年開創(chuàng)至今，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢想脫穎而出為使命，1280元綏濱做網(wǎng)站,已為上家服務(wù),為綏濱各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:13518219792

var?supportCanvas?=?(typeof?document.createElement('canvas').getContext?===?"function");

if?(supportCanvas)?{

//?...

}?else?{

alert("檢測到您正在使用舊版瀏覽器，推薦您升級(jí)到新版以獲取最佳體驗(yàn)！");

}

第二種方法：

function?supports_video()?{

return?!!document.createElement('video').canPlayType;

}

if?(supports_video())?{

//?...

}?else?{

alert("檢測到您正在使用舊版瀏覽器，推薦您升級(jí)到新版以獲取最佳體驗(yàn)！");

}

php判斷網(wǎng)站是否支持html5

可以通過下面這個(gè)簡單的方法來檢測瀏覽器是否支持HTML5，從而提示用戶更新瀏覽器或者是使用對html5支持較好的瀏覽器，代碼如下：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

!DOCTYPE html

html

head

metacharset="utf-8"

title檢測瀏覽器是否支持html5/title

styletype="text/css"

.myCanvas{

width:200px;

height:200px;

border:1px solid #000;

}

/style

/head

body

canvasclass="myCanvas"

該瀏覽器不支持HTML5的畫布標(biāo)記

/canvas

/body

/html

怎么檢測瀏覽器是否支持HTML5？

利用HTML5新標(biāo)簽對象的方法來進(jìn)行檢測，比如Canvas對象的getContext()、Video對象的canPlayType等。如果瀏覽器支持HTML5，則返回相應(yīng)的期望值（返回函數(shù)體，布爾值為true），否則無法獲得期望值（返回undefined，布爾值為false）。

Canvas對象的getContext

//?方法一

/**

*?[supportHtml5?言成科技HTML5學(xué)堂]

*?@return?{[type]}?[description]

*/

function?supportCanvas()?{

return?(typeof?document.createElement('canvas').getContext?===?"function");

}

console.log(supportCanvas());

Video對象的canPlayType

//?方法二

/*

*?[supportsVideo?言成科技HTML5學(xué)堂]

*?@return?{[type]}?[description]

*/

function?supportVideo()?{

return?!!document.createElement('video').canPlayType;

}

console.log(supportVideo());