Действительно ли возможно видеть, который изображение srcset браузер использует с инструментами разработчика браузера

Я пытался видеть который srcset изображение, которое мой браузер использует через инструменты разработчика браузеров, но кроме использования сетевой вкладки для наблюдения, какое изображение это выбирает, я не могу сказать.

Используя сетевую вкладку был бы обычно прекрасен, но иногда я замечал, что она выберет 2 версии образа в различных размерах, это произошло бы, если одна точка останова в 600, и другой в 900 и браузер в настоящее время был в 750 пкс шириной.

(Ive попробовал это и на Chrome & FireFox, и кажется, что хром будет выпадающий оба изображения в определенных случаях, но FireFox кажется только когда-либо выпадающему),

Причина, которую я хочу знать, мне интересно, если она раскрывается два, отображают srcset дозу, которую она подкачивает между ними автоматически, поскольку я масштабирую окно браузера? Это, не может сказать как путем осмотра элемента, который это просто дает необработанному HTML img элемент, не фактическое img srcset опция его использование.

60
задан 17 June 2015 в 22:37

1 ответ

У меня были проблемы с этим сегодня, и я нашел, что можно контролировать переменную:

  1. Шоу консольная секция (Можно сделать это нажатие ESC также)

enter image description here

  1. Создают живое выражение (я создал 2, currentSrc выбранного элемента и innerWidth)

enter image description here

, живое выражение наблюдает текущий srcset выбранного тега img. Это работает с img в теге изображения также.

1
ответ дан 1 November 2019 в 10:30

Другие вопросы по тегам:

Похожие вопросы: