怎么判断浏览器是否支持html5的某些属性例如:required,placeholder...

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

共4个回答

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

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 属性
}

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

常规的做法就是先判断浏览器的类型与版本号，然后可以判断是否支持HTML5.

比较省事的做法就是执行HTML5中的特有函数，有try可以测试是否正确执行。由于各浏览器版本对html5的支持度不同，这种情况只适用使用大多数的html5方法或属性。

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

1.有一个网站html5test.com可以直观地看到哪些属性是支持的哪些是不支持的
2.如果是chrome可以按F12察看页面源码, 然后看哪些属性是支持的.追问哎呀!你说这个网站我也知道,但是我是需要在用户终端那里用Javascript来判断

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

//modernizr.com/

使用这个库，这是专门判断是否支持html5和css3新特性的。