Como tirar um screenshot de um elemento de rolagem inteiro?

2

Eu procurei na Internet para encontrar uma maneira de fazer isso, mas não encontrei nada que funcionasse.

Eu uso a versão web do aplicativo Tinder. Há uma seção de bate-papo dentro de uma div e eu quero tirar uma foto do chat inteiro em apenas uma foto. O elemento div, que tem uma função de rolagem, está dentro dessa borda vermelha:

Captura de tela da página

Eu costumo usar o Chrome, mas posso usar o Firefox ou qualquer navegador que possa fazê-lo. É possível?

windows google-chrome firefox html screenshot Eduardo M
fonte
se você estiver usando o chrome Full Page screen capture.
usrNotFound
@usrNotFound infelizmente não funciona também. Eu já tinha tentado antes. Mas eu tenho o problema e respondi a minha própria pergunta :)
Eduardo M

Respostas:

1

Eu uso Nimbus Screenshot & Screen Video Recorder para a maioria das minhas imagens e tem muitas opções para capturar diferentes partes da página, existem outras opções, mas esta é a melhor que eu encontrei com certeza.

Rod Molina
fonte
Eu já tentei essa extensão, mas não funcionou no meu caso. Obrigado mesmo assim.
Eduardo M
0

ESTÁ BEM. Eu tive uma visão e poderia resolver o problema, hehe.

Eu fui para as propriedades div e mudei a 'altura' no CSS para 500%. Voilà! Então eu poderia usar o recurso "Screenshot Node" no Firefox. Não estava funcionando antes, porque a altura estava em 100%, então o nó de captura de tela só toke a parte visível na tela, nem todo elemento: D

Eduardo M
fonte