Kaip patikrinti ar vartotojo naršyklė palaiko CSS3 ?

Javascript kodas kurio pagalba galėsite patikrinti ar vartotojo naršyklė palaiko CSS3 ir pagal tai parengti,bei pritaikyti savo puslapio stilius ir funkcijas.

Argi nemalonu pažaisti su naujuoju CSS3 ? Šešėliai, spalvų perėjimai, šrifto stiliai ir taip toliau. Begalės naujų įdomių ir naudingų galimybių. Tik viena problema , šiuo metu dar ne visos populiariausios naršyklės palaiko tokią galimybę, tad kaip gi naudoti CSS3 galimybes neprarandant išvaizdumo ir senuose naršyklėse ..

Yra keletas būdų šiam sprendimui užtikrinti , šįkartą pateiksime vieną iš jū : Javascript’as patikrinantis ar naršyklė palaiko CSS3.

Pavyzdys (demo) : Css3 palaikymas

Kodas:

var supports = (function() {
   var div = document.createElement('div'),
      vendors = 'Khtml Ms O Moz Webkit'.split(' '),
      len = vendors.length;

   return function(prop) {
      if ( prop in div.style ) return true;

      prop = prop.replace(/^[a-z]/, function(val) {
         return val.toUpperCase();
      });

      while(len--) {
         if ( vendors[len] + prop in div.style ) {
            // naršyklė palaiko text-shadow
            // Arba atlikti kanors kitą, jei ne!
            return true;
         }
      }
      return false;
   };
})();

if ( supports('textShadow') ) {
   document.documentElement.className += ' textShadow';
}

Dėl išsamesnio ir platesnio sprendimo Modernizr biblioteka.

Parengta pagal : net.tutsplus.com