<img> 大小属性在 Safari 中受支持，但在 JS img 对象中缺失

<img> sizes attribute supported in Safari but missing from JS img object

本文关键字：img 但在 对象 支持 JS Safari 属性      更新时间：2023-09-26

Safari现在支持<img> srcset & sizes属性（http://caniuse.com/#search=srcset），并且在测试中它可以工作。

如果您在使用 Safari http://featurejs.com 访问功能检测库，它（错误地）报告不支持sizes。

因为 img 对象中缺少sizes。

如果我访问 Safari 中的页面，其中定义了如下图像：

<img srcset="smallpic.jpg 300w, mediumpic.jpg 600w, bigpic.jpg 1000w"
     sizes="(max-width: 600px) 100vw,
            50vw" >

然后在控制台中尝试以下操作：

var img = document.querySelector('img');
console.log(img.srcset); // prints srcset definition
console.log(img.sizes);  // undefined

但它在Chrome或Firefox中正确报告img.sizes。

我希望能够操作动态添加内容的大小。

有谁知道进入该物业的方法？也许在Safari中它有另一个名字（一厢情愿）。

这是 Safari 中的一个错误，但您可以通过直接检索属性值来解决它img.getAttribute("sizes");

相关文章：