当你像这样使用 srcset 时:
<img src="example-src.jpg" srcset="example-1x.jpg 1x, example-2x.jpg 2x" />
或者使用这样的图片标签:
<picture>
<source media="(min-width: 64em)" src="high-res.jpg">
<source media="(min-width: 37.5em)" src="med-res.jpg">
<source src="low-res.jpg">
<img src="fallback.jpg" />
</picture>
是否有可能找出浏览器决定使用的 URL?检查 src
<img>
的属性标记本身实际上并不会告诉您加载了哪个图像。
(抱歉,如果这是重复的。我无法在任何地方找到解决方案。)
最佳答案
您至少可以在某些浏览器中使用 currentSrc
,(虽然我不知道是哪个。)
document.getElementById('myImage').currentSrc;
或者...
jQuery('#myImage').prop('currentSrc');
关于javascript - 使用 JavaScript 检测使用的 srcset 或图片标签源,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35586728/