Я предлагаю использовать встроенную функцию Firefox, которая позволяет вам делать скриншоты одного элемента DOM.
Просто откройте инструменты разработчика → Найдите элемент → Щелкните правой кнопкой мыши и сделайте скриншот
Он не работал на одном из моих внутренних сайтов, поэтому не могу сказать, что он будет работать для всех.
Обновление после редактирования OP:
Если вы намереваетесь записать полную страницу вместе со всем содержимым элемента DOM, как показано ниже, вам следует отредактировать высоту элемента DOM, но ...
Он вытеснит множество элементов DOM из области просмотра и скриншота, или AFAIK любой другой инструмент не будет захватывать его, что, я думаю, соответствует вашим целям.
Читайте ниже с https://en.wikipedia.org/wiki/Screenshot
Снимок экрана, снимок экрана, снимок экрана, снимок экрана, снимок экрана или снимок экрана - это изображение, снятое человеком для записи видимых элементов, отображаемых на мониторе, телевизоре или другом используемом устройстве визуального вывода.
Если бы мне действительно пришлось сделать это по-своему, я бы либо создал GIF, либо сделал бы два снимка экрана: одна полная страница и только один элемент DOM, чтобы объединиться в один.