Зробіть великий екран екрана веб-сторінки в Chrome

9

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

Захоплення екрана (від Google) - я отримую нову вкладку без зображення в ній
Pixlr Grabber - після натискання клавіші збереження я отримую помилку запиту "500"
Знімок екрана веб-сторінки - Fireshot - говорить про те, що веб-сторінка занадто велика і вона буде збережена в оперативній пам’яті, після чого я отримую помилку: Insufficient video memory: You need at least -2365 MB of RAM(це смішно, і мені подобається 1 Гб)
Скріншот веб-сторінки та WebCam - я не отримую зображення
Awesome Скріншот - 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 Гбіт, що пояснює помилку.

— Рамхаунд

Я щойно створив зображення у форматі 1600x140000 в Photoshop. Він говорить про розмір зображення: 649mb, і це, мабуть, нестиснуте. Але чомусь він не збережеться у форматі png чи jpg: |

— MaryJane

2

Якщо ви використовуєте хром, я б використовував CutyCapt, він фіксує візуалізацію webkit до зображення.

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

— мегурояма
джерело

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 ... Я щойно створив 40-мегапіксельний png-файл гігантської сторінки, це зайняло деякий час і закрутилося, але, нарешті, вивести його!

— Xedecimal
джерело

1

Цього можна досягти в Chrome станом на v59:

Оголошення в блозі розробників

Відеоурок

Підсумок кроків (якщо ви надаєте перевагу тексту):

Відкрийте інструменти для розробників
Увімкніть панель інструментів пристрою
Встановіть потрібну роздільну здатність на панелі інструментів пристрою
Виберіть меню «Додаткові параметри» на панелі інструментів пристрою
Виберіть Знімок екрана зйомки або Знімок екрана в повному розмірі
Скріншот буде збережено у папці завантажень

— jsejcksn
джерело

Будь ласка, не публікуйте однакову відповідь на кілька запитань. Якщо однакова інформація дійсно відповідає на обидва запитання, то одне питання (як правило, нове) має бути закрите як дублікат іншого. Ви можете вказати це, проголосувавши, щоб закрити його як дублікат або, якщо у вас недостатньо репутації для цього, підняти прапор, щоб вказати, що це дублікат. В іншому випадку підгадуйте свою відповідь на це питання і не просто вставляйте однакову відповідь у декілька місць.

— DavidPostill

@DavidPostill Дякую за голову вгору. Голосувати за закриття наступного разу.

— jsejcksn

0

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

Це через химерність із елементом "canvas", який він використовує. Проігноруйте його і збережіть файл, а потім відкрийте файл; це повинно бути добре.

Деякий час тому я також отримав проблему з порожньою вкладкою (здається, вона є дещо поширеною при використанні функції всієї сторінки Caputre ), і на жайворонку я [Save]все одно натиснув кнопку. Коли я відкрив отриманий файл (з цікавості, думаючи, що це буде чи порожнім, або 0x0), я здивувався, побачивши, що зображення було не тільки там, а правильне ! Приємно.

Звичайно, це означає, що ви не зможете використовувати (обмежені) засоби редагування зображень розширення перед збереженням, але що робити? ви можете використовувати MSPaint або що завгодно так само просто (я для одного завжди зберігаю його без змін, а потім змінюйте копію).

— Synetech
джерело