怎么判断浏览器是否支持html5的某些属性例如:required,placeholder.还有其它
展开全部
Modernizr！（http://modernizr.com）
官方：Modernizr 是一个用于检测浏览器对 HTML5 和 CSS3 支持的 Javascript 库。
一些使用 Modernizr 的知名网站：Microsoft，About，Time，4shared。
Modernizr 检测后会在 HTML 标签中添加相应的 class，例如
<html class="js canvas geolocation rgba hsla boxshadow csstransforms video audio fontface">
----------------------------
拿 canvas 为例
在 CSS 中
.canvas {
/* 支持 canvas 的 styles */
}
.no-canvas {
/* 不支持 canvas 的 styles */
}
在 Javascript 中
if(Modernizr.canvas) {
// 支持 canvas 的代码
} else {
// 不支持 canvas 的代码
}
----------------------------
对于 input，Modernizr 不会添加 HTML class，但你可以在 Javascript 中使用
if(Modernizr.input.required) {
// 支持 required 属性
}
else {
// 不支持 required 属性
}
官方：Modernizr 是一个用于检测浏览器对 HTML5 和 CSS3 支持的 Javascript 库。
一些使用 Modernizr 的知名网站：Microsoft，About，Time，4shared。
Modernizr 检测后会在 HTML 标签中添加相应的 class，例如
<html class="js canvas geolocation rgba hsla boxshadow csstransforms video audio fontface">
----------------------------
拿 canvas 为例
在 CSS 中
.canvas {
/* 支持 canvas 的 styles */
}
.no-canvas {
/* 不支持 canvas 的 styles */
}
在 Javascript 中
if(Modernizr.canvas) {
// 支持 canvas 的代码
} else {
// 不支持 canvas 的代码
}
----------------------------
对于 input，Modernizr 不会添加 HTML class，但你可以在 Javascript 中使用
if(Modernizr.input.required) {
// 支持 required 属性
}
else {
// 不支持 required 属性
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
常规的做法就是先判断浏览器的类型与版本号，然后可以判断是否支持HTML5.
比较省事的做法就是执行HTML5中的特有函数，有try可以测试是否正确执行。由于各浏览器版本对html5的支持度不同，这种情况只适用使用大多数的html5方法或属性。
比较省事的做法就是执行HTML5中的特有函数，有try可以测试是否正确执行。由于各浏览器版本对html5的支持度不同，这种情况只适用使用大多数的html5方法或属性。
更多追问追答
追问
帅哥你这种方法,太麻烦了,一个浏览器有N哥版本,我不可能每个浏览器和不同的版本都考虑到啊
追答
没有其他的办法的——不过你考虑哪么多版本干什么？你先测试一下，如果是IE,则判断主版本号是否大于8就可以了，IE9支持HTML5的，其他的同样，对于非主流的浏览器直接按不支持就可以了！一般只测试四种，IE，谷歌，FF，欧朋，其他的一律提示为不支持即可！
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
1.有一个网站html5test.com可以直观地看到哪些属性是支持的哪些是不支持的
2.如果是chrome可以按F12察看页面源码, 然后看哪些属性是支持的.
2.如果是chrome可以按F12察看页面源码, 然后看哪些属性是支持的.
追问
哎呀!你说这个网站我也知道,但是我是需要在用户终端那里用Javascript来判断
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
//modernizr.com/
使用这个库，这是专门判断是否支持html5和css3新特性的。
使用这个库，这是专门判断是否支持html5和css3新特性的。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
