Safari中支持<img/>个大小属性，但JS img对象缺少这个属性

Question

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中它有另一个名字（一厢情愿）。

Answer 1

这是Safari中的一个错误，但您可以通过直接使用img.getAttribute("sizes");

检索属性值来解决这个问题。