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

23:49:00 20.01.2011 Комментарии: 1

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 для браузеров, поддерживающих скругленные края. В общем пользовать обязательно и обновлять регулярно :)

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