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

Константин Булгаков
Константин Булгаков
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.

Скриншот всей страницы в браузере Google Chrome

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

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *