码迷,mamicode.com
首页 > Web开发 > 详细

modernizr.js

时间:2015-04-22 13:51:35      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:

 

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  ‘autofocus‘ in document.createElement(‘input‘);
}

 

modernizr.js

标签:

原文地址:http://www.cnblogs.com/mjorcen/p/4447064.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!