我一直在尝试通过浏览器开发人员工具查看我的浏览器使用的srcset图像,但除了使用网络标签查看我无法辨识的图像.
使用网络标签通常会很好,但有时我注意到它会获取不同大小的2个图像版本,如果一个断点为600,另一个断点为900,浏览器的宽度为750px,则会发生这种情况.
(Ive在Chrome和FireFox上都尝试过,而且在某些情况下,Chrome将会下拉这两个图像,但FireFox似乎只会下拉)
我想知道的原因是我有兴趣,如果它拉下两个图像srcset剂量它们之间交换自动,因为我缩放浏览器窗口？这是通过检查它只是给出img元素的原始HTML的元素而不是实际使用的img srcset选项来表示的.
解决方法
在chrome开发工具中检查元素,然后单击属性选项卡.您将看到一个currentSrc的条目：与实际的图像源.
