Захват большого скриншота веб-страницы в Chrome

Question

Веб-страница очень большая (несколько МБ). Я попробовал эти расширения, и все они терпят неудачу:

• Снимок экрана (от Google) - я получаю новую вкладку без изображения
• Pixlr Grabber - я получаю ошибку "500" после нажатия кнопки "Сохранить"
• Снимок экрана веб-страницы - Fireshot - сообщает мне, что веб-страница слишком велика, и она будет сохранена в ОЗУ, после чего я получаю сообщение об ошибке: Insufficient video memory: You need at least -2365 MB of RAM (это смешно, и у меня есть вроде 1 гб)
• Скриншот веб-страницы и веб-камеры - у меня нет изображения
• Awesome Screenshot - Capture & Annotate - там написано capturing... , а когда он закончится, откройте новую вкладку с несколькими кнопками. Когда я нажимаю "Готово", это говорит о том, что вы preparing your image... навсегда.

Знаете ли вы какие-либо инструменты захвата экрана веб-сайта, которые действительно работают?

Answer 1

Если вы используете Chrome, я бы использовал CutyCapt, он захватывает рендеринг webkit в изображение.

CutyCapt - это небольшая кроссплатформенная утилита командной строки для захвата рендеринга WebKit веб-страницы в различные векторные и растровые форматы, включая SVG, PDF, PS, PNG, JPEG, TIFF, GIF и BMP. См. IECapt для аналогичного инструмента на основе Internet Explorer.

Answer 2

Я закончил с использованием PhantomJS в Windows, я использовал ...

screenshot.js

var page = require('webpage').create();

page.open('http://gigantic-web-page.com', function () {
    page.render('test.png');
    phantom.exit();
});

Сохраните это в папке phantomjs, затем еще один файл, screenshot.cmd

phantomjs --ignore-ssl-errors=yes --cookies-file=cookies.txt --web-security=no screenshot.js

С обоими этими файлами в папке phantomjs запустите screenshot.cmd ... Я только что сгенерировал png-файл размером 40 Мбайт с гигантской страницы, это заняло какое-то время и ушло, но наконец-то вывело его!

Answer 3

Это может быть достигнуто в Chrome начиная с v59:

Объявление в блоге разработчика

Видеоурок

Краткое изложение шагов (если вы предпочитаете текст):

1. Инструменты открытого разработчика
2. Переключить панель инструментов устройства
3. Установите желаемое разрешение на панели инструментов устройства.
4. Выберите меню «Дополнительные параметры» на панели инструментов устройства.
5. Выберите Снимок экрана или Снимок экрана в полном размере
6. Снимок экрана будет сохранен в папке «Загрузки»

Answer 4

Захватить большой скриншот веб-страницы в Chrome? Веб-страница очень большая (несколько МБ). Я попробовал Screen Capture (от Google) - я получил новую вкладку без изображения

Это из-за причуд с элементом canvas, который он использует. Проигнорируйте это и сохраните файл, затем откройте файл; это должно быть хорошо.

Некоторое время назад у меня также возникла проблема с пустой вкладкой (кажется, довольно часто встречающаяся при использовании функции «Целая страница Caputre» ), и в любом случае, я все равно нажал кнопку [Save] . Когда я открыл полученный файл (из любопытства, думая, что он будет пустым или 0x0), я был удивлен, увидев, что изображение не только там, но и правильно ! Ницца.

Конечно, это означает, что вы не сможете использовать (ограниченные) инструменты редактирования изображений перед сохранением, но что с того? Вы можете использовать MSPaint или что-либо еще так же легко (я всегда сохраняю его без изменений, затем изменяю копию).