如何测试srcset算法

我在问这是因为在我的Mac Retina和Google Chrome开发者工具中，我无法看到srcset中的其他图像。如何测试srcset算法

<img srcset="image-415.jpg 415w, 
      image-768.jpg 768w, 
      image-992.jpg 992w, 
      image-1440.jpg 1440w" 
    src="image-1440.jpg" alt="Image">

它总是带来更大的形象。

，我做的测试是： - 打开开发工具 - 调整接近图像分辨率我的窗口 - 刷新页面

UPDATE

在线例如： Srcset

来源

2016-05-09 Italo Borges

这就是我也遇到的问题 - 您是否找到解决方案？我似乎认为这可能是一个缓存问题......但我不确定，所以我正在寻找一个检查srcset/sizes是否工作的设置方法。 – Daniel

@丹尼尔，没有发现任何东西。我开始认为算法工作正常，因为视网膜显示一切看起来像一个烂摊子嘿嘿 –

不幸的是，您的网页不再在线了...

首先，你的代码会遗漏一个sizes属性，它会告诉浏览器应该渲染图像的宽度。当您在srcset中使用w描述符时，这是（现在）强制属性。

但是，如果属性缺失，则浏览器将默认为100vw，这意味着视口的整个宽度。

在您的Retina显示屏上，您是否试图在浏览器中加载视窗宽度小于700px的页面，清空缓存后？

来源

2017-03-24 10:41:46

感谢您的答案尼古拉斯。我解决了这个问题，但不记得了，因为很久以前！呵呵。我能理解你说得很清楚！ –

如何测试srcset算法

回答

相关问题