Як зробити знімок екрана, який містить елемент прокрутки на веб-сторінці Firefox?

Мені потрібно зробити скріншот цілої веб-сторінки. Хитрість полягає в тому, що мені потрібен знімок екрана, щоб включати весь вміст одного елемента, який не вміщується на екрані.

Це одна таблиця стовпців, яка має смугу прокрутки через свою висоту. Це не IFRAME (який було б просто завантажити у власну вкладку).

У колонці є відформатований текст та кілька невеликих зображень.

Для довгих веб-сторінок, які прокручуються, виконувати це завдання нерівно. Але як це можна досягти, якщо він містить окремий елемент на сторінці, який прокручується?

Щоб було зрозуміло, мені потрібно захопити всю сторінку, а не лише сам елемент.

Я хотів би досягти цього за допомогою Firefox у Windows.

Моя пропозиція - використовувати вбудовану функцію Firefox, яка дозволяє робити знімки екрана одного елемента DOM.

Просто відкрийте інструменти для розробників → Знайдіть елемент → Клацніть правою кнопкою миші та зробіть знімок екрана

Він не працював на одному з моїх внутрішніх сайтів, тому не можу сказати, що він буде працювати для всіх.

Оновлення після редагування ОП:

Якщо ви маєте намір записати повну сторінку разом із усім вмістом елементів DOM, як показано нижче, вам слід редагувати висоту елемента DOM, але ...

Це збирає витіснити багато елементів DOM із вікна перегляду та екрану екрана або AFAIK будь-який інший інструмент не захопить це, що відповідає вашим цілям, я думаю.

Читайте нижче з https://en.wikipedia.org/wiki/Screenshot

Скріншот екрана, захоплення екрана, кришка екрана, кришка, дамп на екрані або екранна графіка - це зображення, зроблене людиною для запису видимих ​​предметів, що відображаються на моніторі, телевізорі чи іншому візуальному пристрої виводу, який використовується.

Якби мені справді довелося зробити це так, я б створив GIF або зробив два скріншоти, одну повну сторінку та іншу лише з елемента DOM, щоб об'єднатися в одну.

Ви можете використовувати команду скріншоту на панелі інструментів розробника:

1. Натисніть Shift+, F2щоб відкрити панель інструментів або вибрати її в меню Інструменти веб-розробників.

2. На панелі інструментів введіть команду screenshot --fullpage fullpage.png.

Для захоплення одного елемента ви можете використовувати його css-селектор із прапорцем --selector, наприклад

screenshot --selector #hot-network-questions

отримає вам зображення нижче

Використовуйте режим чуйного дизайну Firefox , встановіть ширину на щось нормальне, а висоту, щоб вистачило на всю сторінку, натисніть кнопку екрана (значок камери).

Існує програмне забезпечення під назвою Snagit, яке може вирішити вашу проблему. Це програмне забезпечення може робити знімки екрана різних типів, як прокрутка, а також може записувати відео.

Це платне додаток, але також доступна пробна версія.

Я використовую Screenpresso . Це дозволяє зробити знімок екрана прокрутки. В основному ви робите скріншот, прокручуєте вниз, знімаєте інше тощо, потім Screenpresso зшиває їх разом. Screenpresso також безкоштовний.

FYI, клавіші швидкого доступу для прокрутки скріншоту - це WindowsKey + Shift + PrintScreen. Потім потрібно натиснути на вікно, яке ви хочете прокрутити. Коли ви переходите до наступної частини екрана, клацніть правою кнопкою миші, прокрутіть вниз, клацніть правою кнопкою миші тощо. Коли ви закінчите, клацніть лівою кнопкою миші, і вони будуть зшиті разом. Переконайтеся, що на кожному скріншоті є певне перекриття, щоб процес зшивання працював краще.

Існує розширення під назвою Nimbus Screen Capture, яке ідеально підходить для цього завдання.

У вас є можливість захопити:

• видиму частину сторінки (корисно не включати елементи браузера на відміну від alt+ Print Scrn)
• фрагмент сторінки (за допомогою якого ви можете навести курсор на регіони на екрані, щоб знайти потрібний фрагмент - ці регіони відповідають їх елементам HTML)
• вибрана область (ви вручну клацніть та перетягуєте туди, куди потрібно знімок екрана, підтримує прокрутку під час перетягування)
• всю сторінку

Параметри, щоб вмістити все на одній сторінці:

• Використовуйте <Ctrl>-для розміщення всього на одній сторінці
• Поверніть екран у портретному режимі
• Використовуйте другий екран у портретному режимі та знайдіть його нижче першого
• Поєднайте все вищезазначене

Інший варіант - зробити знімок екрана верхньої частини того, що ви хочете зробити. Прокрутіть униз, зробіть наступний знімок екрана. Повторіть це, поки не захопите все.
За бажанням: комбінуйте знімки екрана в одне велике зображення за допомогою редактора зображень (наприклад, gimp).

Щоб робити знімки екрана, ви можете додати розширення, як простий знімок екрана. Тоді вам буде набагато простіше робити знімки екрана.

Для програм DESKTOP із прокручуванням вікна захоплення ApowerSoft зробили свою роботу для мене.