HitchHiker’s Guide to Scrolling Screen Captures

Image for post
Image for post

This article describes some methods for capturing long/scrolling screenshots on Android/Windows.

When it comes to capturing scrolling web pages, you’ll find most modern web browsers allow you to save a page for offline viewing. This method doesn’t always produce the expected output. Some of the rendered content is occasionally omitted from the offline copy. You may also find that the layout format is not preserved.

Then we cross the topic of scrolling apps. What if we needed to capture the first few pages of an app’s display output on an Android phone (for example, the first couple of screens from within Facebook or Twitter app)? Depending on your phone or Android OS version, you may already have the option to take scrolling screenshots via the Screenshot Toolbar, but this method can be cumbersome.

This article aims to cover some methods of capturing scrolling screens on Windows/Android, as follows:

  • Using Yandex Web browser with Chrome extension Fireshot on Android to capture scrolling web pages
  • Android Scrolling Captures from within an App, such as Facebook/Twitter (using LongShot)
  • Using Android’s native Screenshot Toolbar (if your phone and Android OS support this option)
  • Windows scrolling captures that contain static regions and scrollbars

Android Scrolling Web Page Capture using Yandex Browser and FireShot Extension

On Android, browser-based extension support is limited. The current Android version of Chrome browser does not support extensions from the Chrome Web Store. Firefox for Android does support a subset of its full add-on suite, and on some occasions, these don’t always function as expected. Kiwi browser offers support for Chrome extensions, but did not seem to work with Fireshot.

One combination that did work well, was Yandex Web browser using the Extension, Fireshot.

This method was tried, tested, and worked.

1. From the Google Play Store, install Yandex Browser with Play Protect
2. Once complete, open Yandex browser then head to the Chrome Web Store to search for and install Fireshot. This link must be accessed from within the Yandex browser
3. From within the Yandex browser, navigate to the web page that you want to capture. The example below uses lifewire.com. Once the page has fully loaded, click on the 3 vertical dots at the bottom right hand corner

Image for post
Image for post

4. Click on “Extensions”
5. Select “Fireshot — Capture page”
6. Select “Capture entire page”

Image for post
Image for post

The web page will auto-scroll on the screen during the capture process.

7. Once the extension has done its thing, you will be given the option to save
the capture as an image or PDF. Choose the format you require.
8. To view the captured output, use your file manager to navigate to default location of capture files, /sdcard/Downloads/FireShot/
9. Open the file to see the fully captured web page

Image for post
Image for post

Android Scrolling Capture using LongShot

Several Apps are readily available in the PlayStore that allow you to capture scrolling content from web pages and/or apps.

LongShot is one of the apps that is available.

  • Download LongShot from the Google PlayStore
  • After installation, navigate to your phone’s “Accessibility Settings
  • Grant LongShot access to automatically scroll
Image for post
Image for post

LongShot also requires permission to “Draw over other apps”.

  • Locate the “Draw over other apps” setting. This varies by OS/Phone model
  • Enable the option for “LongShot”
  • Open LongShot
    1. Select “Autoscroll”
    2. Click on the Shutter button/icon
    3. Click “Start Now”
Image for post
Image for post
  • You should now be able to see the LongShot screen dock (as shown in the first image below), which consists of two buttons. Green for Start Capture and red for “Cancel Capture”
  • Open up the application for which you want to take a scrolling capture from (in the example below, Google PlayStore is used)
  • Once your app has loaded, click on LongShot’s docked, green (“Start”) button. The capture should start and you should see the app start auto-scrolling on the screen
  • Once you’ve captured all the content you require, you can tap above the horizontal red line, which appears on the screen
Image for post
Image for post
  • LongShot should now show the final captured output, with the option to save
  • Clicking “Save” places the scrolling capture image at location /sdcard/longshot
Image for post
Image for post

Android Scrolling Capture using Native Functionality

Depending on your Android OS and/or Phone type, you may have the option to use the native method without the need to install any additional apps/extensions

This basically involves the following (this example is for an Samsung S10 running Android 10):

  1. Go to “Advanced Features” Settings and select “Screenshots and screen recorder”
  2. Enable “Screenshot toolbar”
  3. Go to the page/app you want that you want to capture from
  • Take a normal screenshot by simultaneously pressing the volume down and power buttons
  • The “Screenshot toolbar” will appear at the bottom of the screen
  • Before the toolbar disappears, you will need to click on the scroll icon, located on the toolbar (pointed to by the arrow in the image below)
  • As each scroll completes, click on the scroll icon again until you’ve captured all the areas you require
Image for post
Image for post

Windows OS and Scrolling Captures

There’s no rocket science involved in capturing an entire web page from your Windows 10 browser. The Fireshot Extension/Add-on discussed previously, is available for Firefox and Chromium based browsers. If you use Firefox, then depending on the version you’re running, you might already have the option to save entire pages via right-click context menu.

Image for post
Image for post

Browser-based methods, however, do not include static areas, i.e. the browser’s address bar, tabs, toolbar. They also do not include the browser’s scrollbar.

You will find a long list of Windows applications that support scrolling captures/regions with several online resources outlining their usage for a range of scenarios.

Some of these products include:

After trialing all the above, with a focus on scrolling captures that contain static regions, I had various levels of success. The one product that worked on most sites and Windows apps that I visited/used, was FastStone Capture. As such, I’ll describe the process used.

Scrolling Captures that Contain Static Regions (using FastStone)

FastStone can be downloaded and installed from here. Download the 30 day trial, which will give you enough time to evaluate the product.

The following steps describe the process for taking a scrolling capture, which includes all static regions and the scrollbar.

Referring to the image below:

  1. Start FastStone, and from the FastStone Capture dock, click the scrolling capture icon
  2. Hold down the CTRL key
  3. While holding down CTRL, crosshairs should appear. Use your mouse to select the entire browser window, and once done release mouse button and CTRL key
  4. Click the browser’s scroll down button once
  5. You should now see the page auto-scroll on the screen. Once scrolling has gone past the point of the region/pages you want captured, hit Escape to end the capture at the current point, or for a full page capture, wait until the whole capture is complete. You will automatically be prompted for a save location once capturing is done.
Image for post
Image for post

Final Notes

As mentioned earlier, there are many products available that support scrolling captures. The best way to find the right package that suits your requirements, is to try it out.

Also as stated earlier on, the Native Android method that was described can be cumbersome when the capture spans beyond a couple of scrolls. You’ll continually need to monitor the screen and tap the scroll icon in the “Screenshot toolbar” for the capture to continue.

Note: The Yandex browser has its origins in Russia. I’d recommend adjusting preferences/settings after install to reflect your region and language translation features, if need be.

Written by

Primarily a Learner/Coder with interests in Python, Cloud Technologies, Security and Automation. Pandas munching on Bamboo sticks give me the “Giggles” :))

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store