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:

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

— 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

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