modernizr.js

1.判断浏览器是否支持 h5

if(Modernizr.canvas){
alert(123);
}else{
alert(321);
}

2.判断浏览器是否支持 canvas

function supert_canvas(){
if(Modernizr.canvas){
alert("是");
}else{
alert("否");
}

}

function supert_canvas(id){
　　return !! document.getElementById(id).getContext("2d");
}

3.判断浏览器是否支持 canvas 的fliiText()

if(Modernizr.canvastext){
alert(123);
}else{
alert(321);
}

function supert_canvas1_fillText(){
var canvas1 = document.getElementById("canvas1");
var context = canvas1.getContext("2d");
return typeof context.fillText == 'function';
}

4.判断浏览器是否支持 视频播放器

function supert_video (id){
return !! document.getElementById(id).canPlayType;
}

if(Modernizr.video){
alert("支持");
}else{
alert("不支持");
}

4.判断浏览器是否支持 webM 视频 编码格式

function support_webm_video(){
if(!support_video()){ return false}
var v = document.createElement("video");
return v.canPlayType('video/webm; codecs="vp8,varbis"');

}

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

}
}

5.判断浏览器是否支持 本地存储

function support_local_storage(){

return ('localStorage' in window ) && window['localStorage'] != null;
}

if(Modernizr.localstorage){
alert("ok");
}else{
alert("no ok");
}

6.判断浏览器是否支持 web workers

function support_web_workers(){
return !! window.Worker;

}

if(Modernizr.webworkers){
}else{
}

7.判断浏览器是否支持 web workers

function support_offline(){
return !! window.applicationcache;
}

if(Modernizr.applicationcache){
}else{
}

8.判断浏览器是否支持 geolocation

function support_geolocation(){
return !! window.geolocation;
}

if(Modernizr.geolocation){
}else{
}

9.判断浏览器是否支持 输入框类型

if(Modernizr.inputtypes.data){
}else{
}

10.判断浏览器是否支持 占位文本

if(Modernizr.input.placeholder){
}else{
}

11.判断浏览器是否支持 表单自动聚焦

if(Modernizr.input.autofocus){
}else{
}

function support_input_autofocus(){
return  'autofocus' in document.createElement('input');
}

11.判断浏览器是否支持 微数据

function support_input_autofocus(){
return !! window.getItems;

}