У меня есть веб-приложение, которое использует медиа-запросы на основе по соотношению пикселей для доставки изображений соответствующего разрешения на клиентские устройства. Например, он будет доставлять 1x изображения на рабочий стол Windows и 2x изображения на iPhone с дисплеем Retina.
Я заинтересован в использовании функции кеша приложений HTML5, чтобы мое веб-приложение могло использоваться в автономном режиме. Для этого вы должны создать файл манифеста, в котором перечислены все файлы, необходимые вашему приложению. Когда пользователь посещает приложение, браузер получает манифест и загружает все перечисленные в нем файлы, готовясь к переходу в автономный режим.
Мне кажется, что это сведет на нет смысл моих медиа-запросов, так как мне придется поместить в манифест изображения 1x и 2x, и все клиенты в конечном итоге загрузят все изображения.
Основное решение, которое приходит на ум, — это динамически доставлять манифест, используя анализ пользовательского агента, чтобы решить, должен ли манифест включать изображения 1x или 2x. Это возможно для меня, но мне любопытно, какие другие решения существуют для решения этой проблемы, или это просто известное ограничение/причуда?