JavaScript: частичное обнаружение объектов (srcset)

Question

Я пытаюсь написать патч JavaScript для старых браузеров. Обычно я бы начал с некоторого кода обнаружения функций, такого как этот:

var img=new Image();
if(img.getAttribute('srcset')) … // already support

но у меня проблема с браузерами, которые частично реализуют эту функцию.

В частности, я пытаюсь исправить в атрибуте srcset. Большинство современных браузеров сообщают, что атрибут поддерживается, но не все поддерживают его полностью (они поддерживают свойство x, но не свойство w).

Есть ли метод JavaScript, который бы обнаружил это?

Спасибо

Answer 1

Что не так с одним из этих полифилов:

• https://github.com/scottjehl/picturefill
• https://github.com/aFarkas/respimage

Или частичный polyfill как этот:

• https://github.com/aFarkas/lazysizes/tree/gh-pages/plugins/respimg

Определить, поддерживает ли браузер дескриптор ширины, довольно просто, если у вас есть базовые знания JS и адаптивного изображения.

Поэтому я действительно рекомендую использовать один из приведенных выше полифилов.

var img = document.createElement('img');
var isWSupported = ('sizes' in img);