如何检测浏览器是否支持此 HTML5 功能

How to detect browser supports this HTML5 feature

本文关键字：支持 是否 HTML5 功能 浏览器 何检测 检测      更新时间：2023-09-26

我想检测（使用 javascript/jQuery）用户的浏览器是否支持multiple属性到input type='file'标签。HTML5 添加多个图像的功能。

<input type=file  name="images" value=" " multiple=""/>

请建议我该怎么做。

var i = document.createElement("input");
if (typeof i.multiple !== 'undefined') {
    // supports multiple
}

您可以使用为此目的而开发的modernizr。

http://modernizr.com/

您可以通过以下方式检测对 placeholder 等功能的支持：

if (!Modernizr.input.placeholder) {
}

取自 Modernizr 源

： 
var inputElem = document.createElement('input');
var multipleSupport = !!(multiple in inputElem);

如果这是您唯一需要的东西，则无需包含完整的库。

我建议你使用Modernizr javascript库？ 这提供了一种检查浏览器是否支持各种功能的方法。

您可以使用Modernizr，它为您执行大量此类测试。

但是，在这种情况下，测试非常简单：

if (typeof document.createElement('input').multiple !== "undefined") {
    // ... yes, it has it
}

元素上的所有其他新属性也是如此。

相关文章：