RealAdmin.ru

Делаем скриншот всей страницы сайта

Делаем скриншот всей страницы сайта
Комментарии: 3

Рассмотрим способы создания скриншота страницы сайта целиком в популярных браузерах Chrome и FireFox. В некоторых случаях можно обойтись встроенными инструментами, а в других — придется установить расширение или плагин.

Встроенный функционал Google Chrome

Chrome

В последних версиях «Chrome» появился встроенный функционал для создания скриншота всей страницы целиком.

  1. Открываем нужный сайт и вызываем панель «Инструменты разработчика». Для вызова нажмите одновременно Shift + Ctrl + I на английской раскладке клавиатуры.
  2. В вверхней части панели ищем 3 вертикальных точки — дополнительное меню.
  3. Выбираем пункт «Capture full size screenshot».
  4. Изображение сохранится в папку с загрузками.
Capture full size screenshot
пример
длинный скриншот сайта
результат

«Capture screenshot» — сделает снимок видимой части страницы.

Скриншот страницы в FireFox

FireFox

В новых версиях «FireFox» также появилась возможность быстрого создания снимка полной страницы.

  1. На верхней панели рядом с адресом сайта находим три точки и в контекстном меню выбираем «Сделать скриншот».
  2. Следующим этапом предлагается выбрать вариант снимка — часть страницы или полностью.
  3. Далее сохраняем результат.

Для более старых версий браузера можно использовать специальное расширение «FireShot».

  1. Устанавливаем плагин — https://addons.mozilla.org/ru/firefox/addon/fireshot/.
  2. В правом верхнем углу появится иконка расширения.
  3. Нажимаем на неё и выбираем «Захватить всю страницу».
  4. Сохраняем результат.
Плагин FireShot
FireShot

Кроме сохранения в формате изображения, плагин позволяет импортировать результат в PDF или распечатать без сохранения.

Плагин Joxi

Joxi

Joxi — это онлайн сервис для создания снимка страницы целиком или только определенной области. Перед сохранением скриншота, Joxi предложит сделать на нём пометки или надписи, а после сохранит у себя на сервере и выдаст ссылку на готовый результат. Пример такого снимка можете посмотреть здесь http://joxi.ru/823BzyJt960gxm.

Снимок Joxi
интерфейс расширения

Для использования потребуется:

  1. Зарегистрироваться на сайте joxi.ru;
  2. установить расширение для браузера Chrome:
    https://chrome.google.com/webstore/search/Joxi?hl=ru;
  3. авторизоваться в расширении.
Joxi
установка Joxi

Плюсы:

  • Можно делать пометки на изображении;
  • снимок хранится онлайн на серверах сервиса;
  • результатом легко поделиться в виде ссылки.

Минусы:

  • Требуется регистрация;
  • расширение доступно только для браузера Google Chrome;
  • если на сайте есть плавающие элементы, то на скриншоте они могут дублироваться.
Посмотрите похожее — 6
Комментарии —
  1. Alexys27 июня 2020, 20:29#
    Большое спасибо! Просмотрела кучу сайтов, но нужного результата добилась только прочитав рекомендации на вашем сайте))) Все четко расписано и наглядно показано! Большое спасибо!
    1. Andy Si27 июня 2020, 21:01#
      Отлично… рад что не зря писал про это :)
    2. Денис12 июля 2020, 11:38#
      Либо можно использовать какой-нибудь онлайн сервис по созданию скринов без всяких расширений. Я к примеру юзаю https://pikwy.com/ для работы
      :p :) :a :q :s :r ;) :( :E:j :u:\ :o
      © REALADMIN.RU   2020 г.
      Страница сгенерирована: 0,1936 s | 6 mb.
      На каком уровне Вы играете в шахматы?
      О П Р О С