Como tirar uma captura de tela que inclui um elemento de rolagem em uma página da Web no Firefox?

Preciso tirar uma captura de tela de uma página inteira. O truque é que eu preciso da captura de tela para incluir todo o conteúdo de um único elemento que não cabe na tela.

É uma tabela de coluna única que possui uma barra de rolagem devido à sua altura. Não é um IFRAME (que seria simples de carregar em sua própria guia).

A coluna contém texto formatado e algumas imagens pequenas.

Para páginas da web longas que rolam, é trivial executar esta tarefa. Mas como isso pode ser feito quando contém um elemento individual na página que rola?

Para ser claro, preciso capturar a página inteira, não apenas o próprio elemento.

Eu gostaria de fazer isso usando o Firefox no Windows.

Minha sugestão é usar o recurso interno do Firefox que permite tirar capturas de tela de um único elemento DOM.

Basta abrir as ferramentas do desenvolvedor → Encontre o elemento → Clique com o botão direito e faça o screenshot

Não funcionou em um site interno, portanto não posso dizer que funcionará para todos.

Atualizar após a edição do OP:

Se você deseja gravar a página inteira junto com todo o conteúdo do elemento DOM, como mostrado abaixo, edite ao vivo a altura do elemento DOM, mas ...

Isso empurrará muitos elementos DOM para fora da janela de exibição e captura de tela ou o AFAIK qualquer outra ferramenta não irá capturá-la, o que supera o seu objetivo, eu acho.

Leia abaixo em https://en.wikipedia.org/wiki/Screenshot

Uma captura de tela, captura de tela, tampa de tela, tampa, despejo de tela ou captura de tela é uma imagem tirada por uma pessoa para gravar os itens visíveis exibidos no monitor, televisão ou outro dispositivo de saída visual em uso.

Se eu realmente tivesse que fazer do seu jeito, eu criaria um GIF ou faria duas capturas de tela, uma página inteira e outra apenas do elemento DOM para mesclar em uma.

Você pode usar o comando de captura de tela na barra de ferramentas do desenvolvedor:

1. Pressione Shift+ F2para abrir a barra de ferramentas ou selecione-a no menu Ferramentas do desenvolvedor da Web.

2. Na barra de ferramentas, digite o comando screenshot --fullpage fullpage.png.

Para capturar um único elemento, você pode usar seu seletor css com o sinalizador --selector, por exemplo

screenshot --selector #hot-network-questions

você receberá a imagem abaixo

Use o Modo de design responsivo do Firefox , defina a largura para algo normal e a altura de modo a abranger a página inteira, clique no botão de captura de tela (o ícone da câmera).

Existe um software chamado Snagit que pode resolver seu problema. Este software pode capturar a tela em diferentes tipos, como uma janela de rolagem, e também pode gravar vídeo.

É um aplicativo pago, mas também tem um teste disponível.

Eu uso o Screenpresso . Permite tirar uma captura de tela de rolagem. Basicamente, você faz uma captura de tela, rola a tela para baixo, tira outra e assim por diante, e então o Screenpresso as une. Screenpresso também é gratuito.

Para sua informação, as teclas de atalho para a rolagem da captura de tela são WindowsKey + Shift + PrintScreen. Você precisa clicar na janela que deseja rolar. Quando você chegar à próxima parte da captura de tela, clique com o botão direito, role para baixo, clique com o botão direito e assim por diante. Quando terminar, clique com o botão esquerdo e eles serão unidos. Verifique se há sobreposição em cada captura de tela para que o processo de costura funcione melhor.

Existe uma extensão chamada Nimbus Screen Capture que é perfeitamente adequada para esta tarefa.

Você tem a opção de capturar:

• a parte visível da página (útil para não incluir os elementos do navegador em vez de alt+ Print Scrn)
• um fragmento da página (onde você pode passar o mouse sobre as regiões da tela para encontrar o fragmento desejado - essas regiões correspondem aos elementos HTML subjacentes)
• área selecionada (você clica e arrasta manualmente onde deseja a captura de tela, suporta rolagem enquanto arrasta)
• a página inteira

Opções para ajustar tudo em uma página:

• Use <Ctrl>-para ajustar tudo em uma página
• Gire sua tela para o modo retrato
• Use uma segunda tela no modo retrato e localize-a abaixo da primeira
• Combine todas as opções acima

Outra opção é tirar uma captura de tela da parte superior do que você deseja capturar. Role para baixo, faça a próxima captura de tela. Repita isso até capturar tudo.
Opcionalmente: combine as capturas de tela em uma imagem grande usando um editor de imagens (por exemplo, gimp).

Para tirar capturas de tela, você pode adicionar uma extensão como uma captura de tela fácil. Então será muito mais fácil fazer capturas de tela.

Para programas DESKTOP, com a janela de rolagem, a captura do ApowerSoft fez o trabalho para mim.