JavaScript：部分特征检测（srcset）

Question

我正在尝试为旧版浏览器编写 JavaScript 补丁。通常我会从一些特征检测代码开始，例如：

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

但我对部分实现该功能的浏览器有疑问。

具体来说，我正在尝试修补 srcset 属性。大多数现代浏览器会将该属性报告为受支持，但并非所有浏览器都完全支持它（它们支持 x 属性，但不支持 w 属性）。

是否有 JavaScript 检测方法？

谢谢

Answer 1

其中一个 polyfill 有什么问题：

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

或者像这样的部分 polyfill：

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

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

因此，我真的建议您使用上面的 polyfill 之一。

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