Проверка поддержки элементов html5 в браузере

Анастасия

Проверка поддержки элементов html5 в браузере

Javascript библиотека Modernizr упрощает проверку поддержки браузером новых фич html. Например:
if (Modernizr.canvas) {
   var c = document.createElement('canvas');
   // порисуем
}
if (Modernizr.video){
   if(Modernizr.video.ogg){
            // кодек ogg доступен
   } 
   else if (Modernizr.video && Modernizr.video.h264){
   }
}
if (Modernizr.geolocation){
  navigator.geolocation.getCurrentPosition(function(position) {
    alert("вот вы где: "+position.coords.latitude+","+position.coords.longitude);
  });  
}   
if (!Modernizr.inputtypes.date){
  // рисуем календарик руками
}
Или вот скругленные края: nav a { background: #ccc url(not_adjustable_tab_image.png) bottom left no-repeat; } .borderradius nav a { background: #ccc; border-radius: 4px 4px 0 0; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; } .borderradius nav a:focus, .borderradius nav a:hover { background-color: #fff; } .borderradius - версия css для браузеров, поддерживающих скругленные края. В общем пользовать обязательно и обновлять регулярно :)

Похожие записи

04:40:57 17.02.2013
mapxush061
Hey Stranger! This is Liza. CALL ME! Go Here dld.bz/chwZH

Вы можете оставить
комментарий



    
© 2002-2016 Креограф. Все права защищены законом РФ
 Русский /  English