6

I need to save some important Twitter conversations as image files for a project.

On desktop Chrome, Twitter conversations live in a floating window above a background page.

I've tried many screenshot / screen capture Google Chrome extensions that have a "scrolling capture" ability. All of them result in the same situation:

The screenshot / screen capture ends up consisting of a part of the conversation (floating page), and a part of the background page (see attached image for clarification).

Any thoughts / suggestions on how to fix this situation?

botched screenshot of a Twitter conversation

4 Answers 4

2

I just successfully used Snagit to capture a whole string of related tweets and comments. Use the Scrolling window (web page) capture option with the custom scroll setting on - it's underneath in the profile box in my version of Snagit. There are two things that you need to do to capture the floating twitter box that contains the original tweet and the follow up comments which disappear down the page.

  1. Use the cursor to mark out the width of the capture - I just made it as wide as the floating box.
  2. Move the cursor to the right to the scroll bar, hover over the down arrow and left click. This activates the scrolling and capture.

Hope this helps.

2

I only know two ways to do this.

Using an Extension which Screengrabs the entire page, then photoshopping out the parts i don't want.

https://chrome.google.com/webstore/detail/full-page-screen-capture/fdpohaocaechififmbbbbbknoalclacl

Edit for script on computer start

You need to modify the CSS of Twitter to enable the scrolling. (I used Awesome Screenshot but it should work with other extensions aswell)

I've created a small JavaScript you can save as a bookmark in your browser and run before capturing the screenshot. It's nothing fancy and only temporary, once you reload the page, you would need to run the script again.

javascript:(function() { document.getElementsByTagName("body")[0].style.position = "static"; document.getElementsByTagName("body")[0].style.overflow = "auto"; document.getElementById("permalink-overlay").style.position = "static"; })();

Or just simply drag this link into your bookmarks: Twitter Screenshot

Edit for script on computer end.

Or on my Phone, the S7 Edge allows you to capture "scrolling screenshots" I'm not saying go and buy a $700 phone to capture this screenshot, it's just the only other place i've seen it.

If that extensions gives you issues i've captured the screenshot for you to use if you wish.

https://i.sstatic.net/lPTLK.jpg

1
  • Thanks for the demo that it worked on the phone. The Desktop Chrome browser extension 'full page screen capture' doesn't seem to be working unfortunately. In my attempts, it mashes up parts of the floating window and parts of the background, together. Commented Sep 30, 2016 at 18:06
2

A lot of things have changed since, with Twitter, and I think they've made it easier to screen-capture threads.

I currently use an extension called "Full Page Screen Capture" and it seems to work for the most part.

1
  • Awesome. Still works in 2022. -- For long threads you have to scroll down until the thread messages, or the interesting parts have ended, and the final tweet is visible on the screen. The Full Page Screen Capture will still start at the top of the twitter page, and end where the reader (you) have scrolled to.
    – knb
    Commented Aug 15, 2022 at 8:46
1

You can do it with a simple free browser extension like Awesome Screenshot that captures an entire page. You need to modify the CSS of Twitter to enable the scrolling.

I've created a small JavaScript you can save as a bookmark in your browser and run before capturing the screenshot. It's nothing fancy and only temporary, once you reload the page, you would need to run the script again.

javascript:(function() { document.getElementsByTagName("body")[0].style.position = "static"; document.getElementsByTagName("body")[0].style.overflow = "auto"; document.getElementById("permalink-overlay").style.position = "static"; })();

Or just simply drag this link into your bookmarks: Twitter Screenshot

(Feel free to delete this once my edit has been accepted, I know this is an old topic but I've stumbled upon it and maybe somebody else will in the future.)

1
  • Thanks: in the current (released a few months back) "Chrome Browser version" of Twitter, it no longer uses a "Modal Dialogue" (i.e. foreground to show specific tweet thread over background of all tweets). It takes me to new page showing just the specific tweet thread. So, I'm able to capture the entire thread via something like Awesome Screenshot Minus. I did try out your bookmarklet to see if it made a difference, and the output seems to be identical. But thanks regardless, and upvoted. Commented Jan 26, 2020 at 23:55

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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