html - 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);