使用Moderniz库可以对H5的特性进行检测,下载网址: https://modernizr.com

// 在HTML 中的head标签中导入
<script src="/modernizr.min.js"></script>// ps:注意src的路径

画布(canvas)特性检测:

if (Modernizr.canvas){// 开始画...
} else {// 浏览器不提供canvas原始支持
}

画布文本(Canvas Text)

if (Modernizr.canvastext){// 画写文字
} else {// 浏览器不提供canvas text 原始支持
}

视频(Video)

if (Modernizr.video){// 开始播放某个视频
} else {// 浏览器不提供video 原始支持
}

视频格式(Video formats)

if (Modernizr.video){// 可以播放视频,但播放哪一种格式的视频呢?if(Modernizr.video.ogg) {// 尝试在 Ogg 容器中使用 Ogg Theora + Vorbis} else if (Modernizr.video.h264) {// 尝试在 MP4 容器中使用 H.264 视频+AAC 音频}
} 

本地存储(Local Storage)

if (Modernizr.localstorage) {   // 注意大小写// 可以使用本地存储了
} else {// 浏览器没有提供本地存储的原生支持;
}

Web Workers

if (Modernizr.webworkers){// 可以使用webworkers
} else {// 浏览器没有提供 web worker 的原生支持
}

离线 Web 应用(Offline Web Applications)

if (Modernizr.applicationcache) {// window.applicationCache 存在!
} else {// 浏览器没有提供原生的离线支持
}

地理位置(Geolocation)

if (Modernizr.geolocation) {// 可以使用地理位置
} else {// 浏览器没有提供原生的地理位置支持
}

参考 《HTML5揭秘》 P16~P28