4

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

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.

http://imgur.com/ETO17U7

  • 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. – thanks_in_advance Sep 30 '16 at 18:06
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.)

New contributor
Julian Wittorf is a new contributor to this site. Take care in asking for clarification, commenting, and answering. Check out our Code of Conduct.
  • 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. – thanks_in_advance yesterday

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.