在创建HTML5 canvas元素之前,首先要确保浏览器能够支持它。如果不支持,就要为那些古董级浏览器提供一些替代文字。下面的代码就是检测浏览器支持情况的一种方法。try { document.createElement("canvas").getContext("2d"); document.getElementById("support").innerHTML = "HTML5 Canvas is supported in your browser."; } catch (e) { } 上面的代码试图创建一个canvas对象,并且获取其上下文。如果发生错误,则可以捕获错误,进而得知该浏览器不支持canvas。页面中预先放入了ID为support的元素,通过以适当的信息更新该元素的内容,可以反映出浏览器的支持情况。 以上示例代码能判断浏览器是否支持canvas元素,但不会判断具体支持canvas的哪些特性。这个时候,示例中使用的API已经很稳定并且各浏览器也都提供了很好的支持,所以通常不必担心这个问题。 此外,希望开发人员能够像如上代码一样为canvas元素提供备用显示内容。
创新互联主营渝中网站建设的网络公司,主营网站建设方案,app软件定制开发,渝中h5成都微信小程序搭建,渝中网站营销推广欢迎渝中等地区企业咨询
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。
HTML5万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改。2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力,该标准规范终于制定完成
接下来我教大家如何用javascript判断浏览器是否支持HTML5
一:
打开编辑器,或者JetBrains WebStorm
我一般用notepad++,其实都一样,只要能写代码,记事本也OK
然后选择你需要修改的html文件
二:
在文件中,加入如下js代码
script
window.onload = function() {
if (window.applicationCache) {
alert("你的浏览器支持HTML5");
} else {
alert("你的浏览器不支持HTML5");
}
}
/script
三:
然后打开你需要测试的浏览器,我用的chrome,当然,你也可以测试手机浏览器
打开这个文件后会弹出提示。
四:
当然,也有可能你的浏览器不支持HTML5,则会弹出,说明你是时候更换浏览器了!
五:
到这里,你就可以判断你的浏览器是否支持html5啦,欢迎你加入HTML5,相信你会有更好的体验
有以下两种方法可以判断浏览器是否支持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
用JS来判断:
script
function myBrowser() {
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
var isChrome = userAgent.indexOf("Chrome") -1; //判断是否Chrome浏览器
var isOpera = userAgent.indexOf("Opera") -1; //判断是否Opera浏览器
var isIE = userAgent.indexOf("compatible") -1 userAgent.indexOf("MSIE") -1 !isOpera; //判断是否IE浏览器
var isFF = userAgent.indexOf("Firefox") -1; //判断是否Firefox浏览器
var isSafari = userAgent.indexOf("Safari") -1; //判断是否Safari浏览器
if (isIE) {
var IE5 = IE55 = IE6 = IE7 = IE8 = false;
var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
reIE.test(userAgent);
var fIEVersion = parseFloat(RegExp["$1"]);
IE55 = fIEVersion == 5.5;
IE6 = fIEVersion == 6.0;
IE7 = fIEVersion == 7.0;
IE8 = fIEVersion == 8.0;
if (IE55) { return "IE55"; }
else if (IE6) { return "IE6"; }
else if (IE7) { return "IE7"; }
else if (IE8) { return "IE8"; }
}
else if (isFF) { return "FF"; }
else if (isChrome) { return "Chrome"; }
else if (isOpera) { return "Opera"; }
else if (isSafari) { return "Safari"; }
}
console.log(myBrowser()); //会输出你使用的浏览器类型
/script