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

В последних версиях Firefox не требуется никаких плагинов. Эта возможность встроена в браузер.

1. В Firefox используйте Ctrl + Shift + F2 , чтобы открыть консоль веб-разработчика.
2. Введите :screenshot --fullpage (это будет автозаполнение, поэтому :s Tab --fullpage будет работать).

Это позволит сохранить снимок экрана в виде файла PNG в папке загрузок. По умолчанию имя файла включает дату и время. При желании вы можете использовать другое имя файла, просто передав его в CLI: screenshot --fullpage my_name.png.

Это также будет работать во всплывающих окнах, но каждое окно необходимо сохранять отдельно. Я не знаю, как объединить их в один скриншот. (Конечно, вы можете сделать это позже в GIMP или другом инструменте для редактирования изображений.)

Вот список приложений, которые вы можете использовать из терминала:

• wkhtmltopdf (источник)

wkhtmltopdf - это утилита командной строки, которая преобразует html в pdf, используя механизм рендеринга webkit.

sudo apt-get install wkhtmltopdf

• wkhtmltoimage (источник)

Утилита wkhtmltoimage должна сделать снимок экрана с заданным URL-адресом и сохранить его как изображение в формате png. Он использует движок рендеринга webkit.

Загрузить: http://code.google.com/p/wkhtmltopdf/downloads/list

Использование:

Использовать утилита wkthmltoimage просто запускает команду из терминала, давая URL и имя для файла образа.

$ ./wkhtmltoimage-amd64 http://www.google.com google.png

Это создаст google.png в домашнем каталоге со скриншотом www.google.com

Другие опции:

wkhtmltoimage предоставляет много опций для настроить скриншот. Вот некоторые примеры:

Качество - Управляет качеством / сжатием генерируемого изображения. По умолчанию 94

$ ./wkhtmltoimage-amd64 --quality 50 http://www.google.com google.png

Отключить изображения

$ ./wkhtmltoimage-amd64 --no-images http://www.google.com google.png

Отключить JavaScript

$ ./wkhtmltoimage-amd64 --disable-javascript http://www.google.com google.png

Обрезать снимок экрана

$ ./wkhtmltoimage-amd64 --crop-h 300 --crop-w 300 --crop-x 0 --crop-y 0 http://www.google.com googl

• cutycapt (источник)

Cutycapt - это утилита, которая делает снимок экрана URL-адреса с помощью механизма рендеринга webkit и сохраняет его в файл изображения.

Install

sudo apt-get install subversion libqt4-webkit libqt4-dev g++ cutycapt

Использование Чтобы использовать cutycapt, просто запустите команду из терминала, предоставив URL-адрес и имя для выходного файла.

$ cutycapt --url=http://www.google.com/ --out=google.png

Он создаст файл google.png в домашнем каталоге, который будет содержать скриншот www.google.com

• khtml2png (источник)

khtml2png использует движок рендеринга konqueror для создания скриншотов веб-страниц.

Скачать

http://khtml2png.sourceforge.net/index.php?page=download

Установить

Чтобы установить khtml2png, программу необходимо скомпилировать и собрать в системе.

sudo apt-get install kdelibs4-dev zlib1g-dev g++ cmake
Extract the khtml2png archive.
./configure
make
sudo checkinstall (this will create a deb file and install it , so that it can easily uninstalled later)

Использование Чтобы использовать khtml2png, запустите программу из командной строки, предоставив URL-адрес и другие параметры.

$ khtml2png2 --width 800 --height 600 http://www.google.com/ google.png

Это приведет к созданию google.png в домашнем каталоге со скриншотом www.google.com.

• PyWebShot (источник)

Pywebshot использует встроенные привязки Python Mozilla ( http://www.mozilla.org/unix/gtk-embedding .html )

Установить

sudo apt-get install python-gtkmozembed

Download pywebshot from https://github.com/coderholic/PyWebShot

Использование:

$ python pywebshot.py www.google.com -t 1024x768&lt;br /&gt;<br />Loading www.google.com... saved as www.google.com.png

Необходимо создать www.google.com.png в каталоге, который имеет скриншот размером 1024 x 768.

На Firefox вы можете использовать дополнение под названием Awesome Screenshot Capture plus

Если вы работаете в Chrome, вы можете использовать расширение Screen Capture , которое поддерживает полностраничные скриншоты. Обратите внимание, что иногда он может не работать со страницами с поддержкой HTTPS.

Я попробовал Потрясающий снимок экрана: Аннотирование при захвате экрана - Плагин Chrome. Это сработало очень хорошо для меня. Захватывал всплывающие окна (на основе jQuery) [не оповещения], захватывал всю страницу и тоже работал с HTTPS !! Отличный инструмент.

Для тех, кто пришел сюда в поисках опции CLI: Нет необходимости в каком-либо другом инструменте, последняя версия Chrome и Firefox имеет встроенные возможности.

Chrome

/path/to/chrome --headless --screenshot="img.png" "www.stackoverflow.com"

FireFox

/path/to/firefox -screenshot img.png www.stackoverflow.com

Все.