html – 可以看到浏览器使用浏览器开发工具使用哪个srcset图像

我一直在尝试通过浏览器开发人员工具查看我的浏览器使用的srcset图像,但除了使用网络标签查看我无法辨识的图像.

使用网络标签通常会很好,但有时我注意到它会获取不同大小的2个图像版本,如果一个断点为600,另一个断点为900,浏览器的宽度为750px,则会发生这种情况.

(Ive在Chrome和FireFox上都尝试过,而且在某些情况下,Chrome将会下拉这两个图像,但FireFox似乎只会下拉)

我想知道的原因是我有兴趣,如果它拉下两个图像srcset剂量它们之间交换自动,因为我缩放浏览器窗口?这是通过检查它只是给出img元素的原始HTML的元素而不是实际使用的img srcset选项来表示的.

解决方法

在chrome开发工具中检查元素,然后单击属性选项卡.您将看到一个currentSrc的条目:与实际的图像源.

相关文章

vue阻止冒泡事件 阻止点击事件的执行 <div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些