触发调整大小事件时是否重新加载动态内容？

Question

我想根据窗口宽度加载不同的图片。所以我在文档正文中建立了一个空白的鸿沟，我将通过jquery脚本设置其内容（图像源）。

现在我希望更改设备的方向以触发新查询，因此我已将代码置于resize方法中。

如果触发resize事件并且必须加载的图片与前一张图片相同（假设屏幕尺寸从799px变为800px），会发生什么？它是否装载浪费带宽或者没有再次加载？

Answer 1

一般来说，没有。但是，行为实际上取决于服务器设置的缓存定义以及所使用客户端的兼容性（标准浏览器不应存在任何问题）。

如上所述，您可以使用开发人员工具（网络选项卡）来检查资源是否已重新加载。您通常需要检查是否有标准200响应，200（来自缓存）响应或304（未修改）。 200（来自缓存）和304响应之间的主要区别在于，304将向服务器发出请求，服务器将以304响应，这意味着缓存项有效（将发出请求但是内容不会被重新下载），而200（来自缓存），将不会向服务器发出请求。您可以详细了解这两个here。

另一种选择是使用类似Fiddler的内容，如果由于某种原因你无法访问开发工具。