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?

  • if you using chrome use Full Page screen capture. Sep 15 '17 at 1:55
  • 1
    @usrNotFound unfortunately it doesn't work too. I had already tried before. But I got the problem and answered my own question :)
    – Eduardo M
    Sep 15 '17 at 2:05

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


From chrome dev tools > Device Toolbar, You can focus the required element and click on Full size screenshot

  • Best solution without requiring any extensions!
    – Ali Saeed
    Oct 22 '20 at 17:20

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.

  • I already tried this extension but didn't work in my case. Thanks anyway.
    – Eduardo M
    Sep 14 '17 at 20:22

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.