Question

这可能是非常基本的，或者不可能，但它暗指我并且值得一提。有没有办法检查浏览器是否支持html 5 progress元素？

var progress = document.createElement('progress');

Answer 1

另一个oneliner，摘自Modernizr：

//returns true if progress is enabled
var supportsProgress = (document.createElement('progress').max !== undefined);

Answer 2

创建progress元素并检查max属性：

function progressIsSupported() {
  var test = document.createElement('progress');
  return (
      typeof test === 'object' &&
      'max' in test
    );
}

Answer 3

很好的一个班轮：

function supportsProgress() {
    return (t = document.createElement("progress")) && t.hasOwnProperty("max");
}

或者如果你真的不想使用全局：

function supportsProgress() {
    var t = document.createElement("progress");
    return t && t.hasOwnProperty("max");
}

HTML 5 +进度元素检查？

3 个答案: