javascript - Safari 中支持 size 属性，但 JS img 对象中缺少该属性

Question

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

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

因为sizesimg 对象中缺少。

如果我访问 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

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

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

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

Answer 1

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