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

Константин Булгаков Подписаться

11 Дек.2022

Скриншот видимой части экрана сделать просто — можно использовать привычную клавишу Print Screen или специально установить программу создания скриншотов, например Lightshot.

Но если нужно сделать снимок лендинга или макета, который имеет несколько экранов прокрутки, то могут возникнуть сложности — придется подгонять размеры файлов и склеивать разные фрагменты между собой.

Проще всего сделать один длинный скриншот, используя бесплатный внутренний инструмент браузера Google Chrome. Никаких программ и расширений дополнительно ставить не потребуется.

1. Открываем нужную страницу в браузере Chrome и запускаем консоль разработчика клавишами Ctrl + Shift + I.
2. На втором шаге вызываем инструмент Run Command сочетанием клавиш Ctrl + Shift + P.
3. В строке фильтра вводим screen…, и выбираем из списка Capture full size screenshot. Браузер сделает скриншот целой страницы и скачает его в формате PNG.

Чтобы заскриншотить адаптивную верстку нужно нажать на иконку в левом верхнем углу Toggle device toolbar, или использовать сочетание Ctrl + Shift + M. Появится панель, где можно выбрать нужное устройство или указать размер экрана самостоятельно.

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