Как сделать скрин кода элемента в инструментах разработчика

[dimisa]

0. Разверните окно браузера во весь экран, если не сделали этого ранее.

1. Кликните по целевому элементу правой кнопкой мыши и выберите в появившемся контекстном меню пункт "Просмотр кода элемента". В зависимости от используемого браузера он также может называться "Исследовать элемент", "Просмотреть код", "Проверить" и прочим похожим образом.

2. В открывшихся инструментах разработчика кликните по трём точкам в правом верхнем углу и выставьте положение окна инструментов, чтобы оно было в нижней части окна браузера, горизонтально.

3. Найдите в инструментах целевой элемент (он будет подсвечиваться при наведении на строку) и прокрутите строку с ним, чтобы она оказалась в самом низу видимой зоны окна. Это необходимо для того, чтобы были видны родительские элементы и иерархия.

4. После этого сделайте скриншот всего окна браузера и залейте его на хостинг изображений.