Javascript <;img>;Safari中支持sizes属性,但JS img对象中缺少该属性

Javascript <;img>;Safari中支持sizes属性,但JS img对象中缺少该属性,javascript,safari,responsive-images,Javascript,Safari,Responsive Images,Safari现在支持attributes(),并且在测试中可以正常工作 如果您使用Safari访问功能检测库,它(错误地)会报告不支持大小 因为img对象中缺少大小 如果我访问Safari中的某个页面,该页面的图像定义如下: <img srcset="smallpic.jpg 300w, mediumpic.jpg 600w, bigpic.jpg 1000w" sizes="(max-width: 600px) 100vw, 50vw" > 但它

Safari现在支持
attributes(),并且在测试中可以正常工作

如果您使用Safari访问功能检测库,它(错误地)会报告不支持
大小

因为img对象中缺少
大小

如果我访问Safari中的某个页面,该页面的图像定义如下:

<img srcset="smallpic.jpg 300w, mediumpic.jpg 600w, bigpic.jpg 1000w"
     sizes="(max-width: 600px) 100vw,
            50vw" >
但它在Chrome或Firefox中正确地报告了
img.size

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


有人知道如何进入该物业吗?也许在Safari中它有另一个名字(一厢情愿)。

这是Safari中的一个bug,但是您可以通过使用
img.getAttribute(“大小”)直接检索属性值来解决它

谢谢。是的,我已经尝试过像这样检索属性,这很有效,您也可以使用img.setAttribute()名义上设置属性。不幸的是,它没有效果,img元素节点上缺少sizes属性,我得出结论,试图让它在Safari中工作是一条死胡同。
var img = document.querySelector('img');

console.log(img.srcset); // prints srcset definition
console.log(img.sizes);  // undefined