Здесь приводится простая функция jQuery для проверки поддержки браузером клиента определенных свойств CSS3. В данном примере проверяется свойство border-radius, но код можно легко модифицировать для проверки другого свойства.

Примечание: нужно опускать тире при передаче имени свойства в качестве парметра. Например, вместо border-radius, нужно вводить “borderRadius” или “BorderRadius”.

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 ) {
            // Браузер поддерживает свойство.
            // Или можно использовать оператор отрицания (!).
            return true;
         }
      }
      return false;
   };
})();
 
if ( supports('borderRadius') ) {
   document.documentElement.className += ' borderRadius';

Добавлено: 07 Апреля 2018 14:18:35 Добавил: Андрей Ковальчук Нравится 0

Добавить