Как сделать снимок экрана, который включает элемент прокрутки на веб-странице в Firefox?

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

Это таблица с одним столбцом, которая имеет полосу прокрутки из-за ее высоты. Это не IFRAME (который было бы просто загрузить в своей вкладке).

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

для длинных веб-страниц, которые прокручиваются, это тривиально, чтобы выполнить это задача. Но как это может быть достигнуто, когда он содержит отдельный элемент на странице, которая прокручивается?

чтобы быть ясным, мне нужно захватить всю страницу, а не только сам элемент.

Я хотел бы сделать это с помощью Firefox на Windows.

4
задан JDługosz
22.12.2022 17:58 Количество просмотров материала 3416
Распечатать страницу

8 ответов

Я предлагаю использовать встроенная функция Firefox, что позволяет делать скриншоты одного элемента DOM.

просто поп открыть инструменты разработчика → найти элемент → щелкните правой кнопкой мыши и сделать снимок экрана

enter image description here

он не работал на одном из моего внутреннего сайта, поэтому не могу сказать, что он будет работать для всех.

обновление после редактирования OP:

Если вы намерены записать полный страница вместе со всем содержимым элемента DOM, как показано ниже, вы должны жить редактировать высоту элемента DOM но...

enter image description here

Это будет толкать много элементов DOM из окна просмотра и скриншот или AFAIK любой другой инструмент не будет захватывать его, который бьет вашу цель, я думаю.

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

скриншот, экрана захват, крышка экрана, крышка, сброс экрана, или screengrab-это изображение, сделанное человеком для записи видимого элементы, отображаемые на мониторе, телевизоре или другом визуальном выходе устройство используется.

Если бы мне действительно нужно было сделать это по-вашему, я бы либо создал GIF, либо сделал два скриншота одной полной страницы, а другой только элемента DOM, чтобы слиться в один.

83
отвечен pun 2022-12-24 01:46

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

  1. пресс Shift + F2, чтобы открыть Панель инструментов или выбрать ее в меню Инструменты веб-разработчика.

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

чтобы захватить один элемент, вы можете использовать его селектор css с флагом -- selector, например

screenshot --selector #hot-network-questions

будет вам образ ниже

enter image description here

24
отвечен topher 2022-12-24 04:03

использовать Firefox Режим Адаптивного Дизайна, установите ширину что-то нормальное и высоту таким образом, что этого достаточно, чтобы охватить всю страницу, нажмите кнопку скриншот (значок камеры).

8
отвечен Ouroborus 2022-12-24 06:20

есть программа под названием Snagit что может решить вашу проблему. Это программное обеспечение может принимать снимок экрана в различных типах, как окно прокрутки, а также может записывать видео.

это платное приложение, но есть пробная версия доступна также.

4
отвечен Gurumurthy.G 2022-12-24 08:37

Я использую Screenpresso. Это позволяет сделать скриншот прокрутки. В основном вы берете скриншот, прокручиваете вниз и берете другой и так далее, Затем Screenpresso сшивает их вместе. Screenpresso-это также бесплатно.

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

2
отвечен garethb 2022-12-24 10:54

есть расширение под названием Нимб Захвата Экрана который идеально подходит для этой задачи.

У вас есть возможность захватить:

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

nimbus

1
отвечен Keith Hall 2022-12-24 13:11

параметры, чтобы вместить все на одной странице:

  • использовать <Ctrl>- чтобы уместить все на одной странице
  • повернуть экран в портретный режим
  • используйте второй экран в портретном режиме и найдите его ниже первого
  • объединить все выше

другой вариант, чтобы сделать снимок экрана верхней части того, что вы хотите захватить. Прокрутите вниз, возьмите следующий снимок экрана. Повторяйте это, пока не захватите все.

Дополнительно: объедините снимки экрана в одно большое изображение с помощью редактора изображений (например, gimp).

0
отвечен NZD 2022-12-24 15:28

чтобы сделать скриншоты, вы можете добавить расширение, как Easy screenshot. Тогда вам будет намного легче делать снимки экрана.

0
отвечен user606374 2022-12-24 17:45

Постоянная ссылка на данную страницу: [ Скопировать ссылку | Сгенерировать QR-код ]

Ваш ответ

Опубликуйте как Гость или авторизуйтесь

Имя

Похожие вопросы про тегам:

capture
firefox
screenshot
scrolling
windows
Вверх