网页怎样检测浏览器是否支持html5?

发布网友 发布时间:2022-04-23 10:12

我来回答

4个回答

热心网友 时间:2022-04-20 03:58

有以下两种方法可以判断浏览器是否支持html5:


方法一:

<script>   
function checkhHtml5() {    
if (typeof(Worker) !== "undefined") {   alert("支持HTML5");   }   else {   alert("不支持HTML5");   }  }  
</script>


方法二:

<canvas id="Canvas"></canvas> 
<script>
if (!document.getElementById("Canvas").getContext){
     alert("不支持html5");   
}else{
  alert("支持html5");  

</script>

热心网友 时间:2022-04-20 05:16

目前好像还没看到,有什么方法可以检测,浏览器支不支持html5.
一方面html5的标准还没有完全定下来。
另一方面,目前所有的浏览器都没有完全支持html5,都只是部分支持。
不过有个html5.js的插件可以让不支持html5的浏览器,支持html5的部分标签。

热心网友 时间:2022-04-20 06:50

这是从W3school网站提取的检测Html5的function

显示的是:
Sorry. No video support.

Yes! Full support.

Well. Some support.

function checkVideo()
{
if(!!document.createElement('video').canPlayType)
{
var vidTest=document.createElement("video");
oggTest=vidTest.canPlayType('video/ogg; codecs="theora, vorbis"');
if (!oggTest)
{
h2Test=vidTest.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"');
if (!h2Test)
{
document.getElementById("checkVideoResult").innerHTML="Sorry. No video support."
}
else
{
if (h2Test=="probably")
{
document.getElementById("checkVideoResult").innerHTML="Yes! Full support!";
}
else
{
document.getElementById("checkVideoResult").innerHTML="Well. Some support.";
}
}
}
else
{
if (oggTest=="probably")
{
document.getElementById("checkVideoResult").innerHTML="Yes! Full support!";
}
else
{
document.getElementById("checkVideoResult").innerHTML="Well. Some support.";
}
}
}
else
{
document.getElementById("checkVideoResult").innerHTML="Sorry. No video support."
}

热心网友 时间:2022-04-20 08:42

创建一个canvas 如果返回是空 就是不支持

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com