Инструменты разработчика Chrome позволяют делать снимки экрана узла. К сожалению, они делают снимки только видимой части узла. Мне нужен полный узел.
Есть также команда "Снимок экрана в полном размере", но она захватывает всю страницу. Мне нужен только один узел.
Итак, как мне захватить полный узел (он выше экрана)?
решение1
Вы можете либо изменить стили узла, чтобы он был виден во всю длину, а затем сделать снимок экрана узла, либо удалить другие элементы страницы и сделать снимок экрана всей страницы.
Снимок экрана узла:
- отредактируйте стили узла так, чтобы он растянулся на всю высоту (уберите height, max-height и т. д.)
- при необходимости удалите соседние элементы
- снимок экрана узла захвата.
Со снимком экрана страницы:
- переместите узел, скриншот которого вы хотите сделать, так, чтобы он был прямым потомком
bodyтега - удалить другие видимые элементы страницы
- отредактируйте стили узла так, чтобы он растянулся на всю высоту
- сделайте снимок экрана всей страницы.
Элементы страницы можно удалить с помощью опции «Удалить элемент».