How to take a screenshot of an entire scroll element?

4

I searched the Internet to find a way to do it, but I didn’t find anything that works.

I use the web version of Tinder app. There's a chat section inside a div and I want to take a pic of the entire chat in just one shot. The div element, which has a scroll function, is inside of this red border:

Screenshot of the page

I usually use Chrome, but I can use Firefox or any browser that could do it. Is it possible?

Eduardo M

Posted 2017-09-14T20:16:31.850

Reputation: 51

if you using chrome use Full Page screen capture. – usrNotFound – 2017-09-15T01:55:33.420

@usrNotFound unfortunately it doesn't work too. I had already tried before. But I got the problem and answered my own question :) – Eduardo M – 2017-09-15T02:05:19.550

Answers

1

I use Nimbus Screenshot & Screen Video Recorder for most of my screenshots and has many options to capture different parts of the page, there are other options but this is the best I've found for sure.

Rod Molina

Posted 2017-09-14T20:16:31.850

Reputation: 111

I already tried this extension but didn't work in my case. Thanks anyway. – Eduardo M – 2017-09-14T20:22:39.137

1

OK. I had an insight and could solve the problem, hehe.

I went to div properties and changed the 'height' in CSS to 500%. Voilà! Then I could use "Screenshot Node" feature on Firefox. It was not working before because the height was on 100% so the screenshot node only toke the visible part on screen, not all element :D

Eduardo M

Posted 2017-09-14T20:16:31.850

Reputation: 51