Как проверить алгоритм 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

@ Даниэль, ничего не нашел. Я начал думать, что алгоритм работает отлично, потому что дисплей сетчатки выглядит как беспорядок hehe –

Ваша страница, к сожалению, не в сети больше ...

Во-первых, ваш код пропускает атрибут sizes, который указывает браузеру, какая ширина должна отображать изображение. Это (теперь) обязательный атрибут, когда вы используете дескриптор w в srcset.

Браузеры, однако, будут иметь значение 100vw, если атрибут отсутствует, что означает полную ширину окна просмотра.

На экране Retina вы пытались загрузить страницу в браузере с окном просмотра менее 700px, ПОСЛЕ очистки кэша?

источник

2017-03-24 10:41:46

Спасибо за ваш ответ Николас. Я решаю это, но больше не помню, потому что было давно! хе-хе. Я мог понять, что вы сказали очень ясно! –

ответ

Смежные вопросы