Javascript <;img>;Safari中支持sizes属性,但JS img对象中缺少该属性
Safari现在支持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" > 但它
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