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

或者像这样的部分填充物：

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

如果您具有基本的JS和响应式图像知识，则检测浏览器是否支持宽度描述符非常容易。

因此，我真的建议你使用上面的一种polyfill。

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