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

9

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

Снимок экрана (от 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...навсегда.

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

Не могли бы вы дать нам URL сайта, который вы хотите сохранить? Если это действительно огромная страница, возможно, процесс захвата требует ГБ ОЗУ. Поскольку у вас есть только 1 ГБ, возможно, для завершения захвата потребуется много времени, поскольку вместо использования ОЗУ используется пространство подкачки на жестком диске, что очень медленно. Пытались ли вы позволить Awesome Screenshot - Capture & Annotate работать в течение ночи, чтобы посмотреть, работает ли он в конце концов или вылетает?

— Симон

это локальная страница, в окне метрик Chrome отображается 1600 x 140000размер страницы. Но в контенте много простой графики и пробелов (~ 95% - это просто белый или серый фон). Если сжато, изображение не должно занимать более нескольких МБ

— MaryJane

1

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

— Симон

Вы уверены, что его 1600 x 140000, потому что это гигантское изображение. Кроме того, 2365 больше, чем 2 ГБ, так что если у вас есть только 1 ГБ, который объясняет ошибку.

— Ramhound

Я только что создал изображение 1600x140000 в фотошопе мгновенно. Размер изображения: 649 МБ, и это, вероятно, несжатый. Но по какой-то причине он не будет сохранен в формате png или jpg: |

— MaryJane

2

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

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

— meguroyama
источник

1

В итоге я использовал 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 Мб, это заняло какое-то время и ушло, но наконец-то вывело его!

— Xedecimal
источник

0

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

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

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

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

— Synetech
источник

0

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

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

Видеоурок

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

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

— jsejcksn
источник

Пожалуйста, не размещайте один и тот же ответ на несколько вопросов. Если одна и та же информация действительно отвечает на оба вопроса, то один вопрос (обычно более новый) следует закрыть как дубликат другого. Вы можете указать это путем голосования, чтобы закрыть его как дубликат или, если у вас недостаточно репутации для этого, поднять флаг, чтобы указать, что это дубликат. В противном случае настройте свой ответ на этот вопрос, а не просто вставляйте один и тот же ответ в нескольких местах.

— DavidPostill

@DavidPostill Спасибо за советы. Будет голосовать, чтобы закрыть в следующий раз.

— jsejcksn