Найти в Дзене
Зелёный Робот

📋 Как сделать длинный скриншот сайта без программ

Время от времени возникает необходимость сделать скриншот сайта целиком. То есть, с самого верха и до самого низа. Мало кто знает, но для этого вовсе не обязательно использовать какие-либо дополнительные программы. И в этой небольшой статье-инструкции я расскажу и покажу, как же это сделать. Инструкция предназначена для пользователей браузеров Chrome и Firefox. Хотя, вероятнее всего это сработает и с другими (не проверял, отпишитесь, если кто проверит). Инструкция для Google Chrome Откройте страницу нужного сайта и откройте инструменты разработчика. Для этого достаточно нажать клавишу F12. Необходимо перейти на вкладку Elements. Кликните мышкой по элементу html, как показано на скриншоте. Далее нажмите правую кнопку мышки, в появившемся меню кликните по пункту Capture node screenshot. Буквально через несколько секунд браузер спросит путь для сохранения скриншота. Укажите его и нажмите сохранить. Готово. На вашем компьютере сохранен снимок нужной вам страницы в полномасштабном размере.

Время от времени возникает необходимость сделать скриншот сайта целиком. То есть, с самого верха и до самого низа. Мало кто знает, но для этого вовсе не обязательно использовать какие-либо дополнительные программы.

И в этой небольшой статье-инструкции я расскажу и покажу, как же это сделать.

Инструкция предназначена для пользователей браузеров Chrome и Firefox. Хотя, вероятнее всего это сработает и с другими (не проверял, отпишитесь, если кто проверит).

Инструкция для Google Chrome

просто откройте нужную страницу и нажмите F12
просто откройте нужную страницу и нажмите F12

Откройте страницу нужного сайта и откройте инструменты разработчика. Для этого достаточно нажать клавишу F12.

обязательно перейдите именно на эту вкладку!
обязательно перейдите именно на эту вкладку!

Необходимо перейти на вкладку Elements.

нас интересует html элемент
нас интересует html элемент

Кликните мышкой по элементу html, как показано на скриншоте.

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

Далее нажмите правую кнопку мышки, в появившемся меню кликните по пункту Capture node screenshot.

Буквально через несколько секунд браузер спросит путь для сохранения скриншота. Укажите его и нажмите сохранить.

Готово. На вашем компьютере сохранен снимок нужной вам страницы в полномасштабном размере.

так выглядет скриншот всей страницы
так выглядет скриншот всей страницы

Вот примерно так выглядит снимок. Вы же его можете масштабировать для более комфортного просмотра.

Если статья была полезной и/или вы узнали что-то новенькое - обязательно поставьте лайк и подписывайтесь на канал! Здесь будет много чего интересного.