我有一个网络应用程序,它使用基于像素比的媒体查询向客户端设备提供适当分辨率的图像。例如,它将向 Windows 桌面提供 1x 图像,向具有视网膜显示屏的 iPhone 提供 2x 图像。
我有兴趣使用HTML5 应用程序缓存功能使我的 Web 应用程序能够离线使用。为此,您必须创建一个清单文件,其中列出了您的应用所需的所有文件。当用户访问应用程序时,浏览器会获取清单并下载其中列出的所有文件,为离线做准备。
在我看来,这将否定我的媒体查询的意义,因为我必须将 1x 和 2x 图像都放在清单中,并且所有客户端最终都将下载所有图像。
想到的主要解决方案是动态交付清单,使用用户代理嗅探来决定清单应该包含 1x 还是 2x 图像。这对我来说是可行的,但我很好奇还有哪些其他解决方案可以解决这个问题,或者它只是一个已知的限制/怪癖?