javascript - 根据设备的大小限制图像的下载

Question

我们正在为 3 种不同的设备使用 3 种尺寸的图像。例如，mobile-banner.png、tablet-banner.png、desktop-banner.png 具有相同的外观；但具有不同的大小和分辨率。我们可以根据设备的大小限制不相关图像的下载(不显示/隐藏)吗？如果我们避免为桌面下载手机和平板电脑图像，则性能可以大大提高。其他设备的类似方式。我可以看到图像正在下载，即使它们(手机和平板电脑图像)未在桌面中使用。请帮忙。

Answer 1

据我从这个问题中了解到，您想添加更多类似响应行为的内容。如果是这样，您可以使用 jquery 限制图像大小。有些是这样的:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

if ( $(window).width() > 739) {      
  //Add your javascript for large screens here 
} 
else {
  //Add your javascript for small screens here 
}