Free tools Windows power users keep installed
One-click scans. No signup required.
Short answer: a browser’s “full-page” mode captures the document’s vertical scroll area, not necessarily every nested panel, table, timeline, virtualized list or canvas that scrolls sideways. Identify the element that owns horizontal overflow. If an element capture does not include its off-screen columns, move that inner scroller across its full range, take overlapping screenshots, and combine and inspect the segments.
This guide shows reliable Playwright and Chrome DevTools Protocol workflows, how to handle virtualized content, and how to check that the first and last columns were actually captured.
Define what “full page” means in your app
There are three different targets that are often called a full-page screenshot:
- The document: the page itself extends vertically and the browser’s main scrollbar moves through it.
- A single region: a table, panel, timeline or other element has its own scrollbars.
- Rendered application content: a virtualized list or canvas draws only what is visible and changes as you scroll.
Playwright describes a full-page image as a screenshot of the full scrollable page, “as if you had a very tall screen and the page could fit it entirely” (Playwright Screenshots). That definition applies to the document scroll area. It does not establish that every nested horizontal scroller will be expanded automatically.
Recommended Free Tools
#1 Best Overall
- PORTABLE SCANNER FOR USE ON-THE-GO — The fastest and lightest mobile single-sheet-fed compact document scanner in its class¹
- QUICK DOCUMENT SCANNING ― This Epson ultra-fast scanner scans a single page as quickly as 5.5 seconds²; Windows and Mac compatible
- VERSATILE PAPER HANDLING ― Portable scanner scans documents up to 8.5 x 72 in; Also easily digitizes receipts and ID cards to make accounting, bookkeeping, and organizing simpler
- INTUITIVE, HIGH-SPEED SOFTWARE — Epson ScanSmart Software³ is a smart tool allowing you to easily scan, review, and save; Stay organized easily with the help of this Epson scanner
- EASY SETUP — USB-powered connect to your computer for quick and simple scanning; No batteries or external power supply required to operate portable document scanner; Standard Connectivity: USB 2.0
Before writing automation, use browser developer tools to find the element whose scrollLeft changes when you drag the app’s horizontal scrollbar. A page can contain several nested scroll areas, and scrolling the wrong one produces a convincing but incomplete image.
Playwright: capture the document when it owns the scroll
Install Playwright, launch a browser, navigate to the page, and wait for the application to settle. JavaScript and Python examples below write a PNG; change the extension and options for JPEG or another supported output.
JavaScript full-page screenshot
import { chromium } from 'playwright';
const browser = await chromium.launch();
const page = await browser.newPage({ viewport: { width: 1440, height: 900 } });
await page.goto('https://example.com/app', { waitUntil: 'networkidle' });
await page.screenshot({ path: 'document-full.png', fullPage: true });
await browser.close();fullPage: true asks Playwright to use the full scrollable document. It is appropriate when the content you need belongs to the page’s main vertical scroll area.
Python full-page screenshot
from playwright.sync_api import sync_playwright
with sync_playwright() as p:
browser = p.chromium.launch()
page = browser.new_page(viewport={"width": 1440, "height": 900})
page.goto("https://example.com/app", wait_until="networkidle")
page.screenshot(path="document-full.png", full_page=True)
browser.close()Capture one element
Use a locator when the desired target is a visible panel rather than the whole document:
const panel = page.locator('[data-testid="results-panel"]');
await panel.screenshot({ path: 'panel.png' });The Page API documents element screenshots, clipping and output scale (Playwright Page API). An element screenshot is not documented as an instruction to expand a nested overflow-x container to its entire width. Open the resulting file and verify that the rightmost columns are present before relying on it.
Capture a nested horizontal scroller with segments
When a panel is wider than its viewport, take a series of overlapping captures. Overlap makes seams and missing columns easier to detect. The following JavaScript example measures the real scroll container, moves it in viewport-width increments, waits briefly for rendering, and captures the visible panel.
Rank #2
- FAST SPEEDS - Scans color and black and white documents a blazing speed up to 16ppm (1). Color scanning won’t slow you down as the color scan speed is the same as the black and white scan speed.
- ULTRA COMPACT – At less than 1 foot in length and only about 1. 5lbs in weight you can fit this device virtually anywhere (a bag, a purse, even a pocket).
- READY WHENEVER YOU ARE – The DS-640 mobile scanner is powered via an included micro USB 3. 0 cable allowing you to use it even where there is no outlet available. Plug it into you PC or laptop and you are ready to scan.
- WORKS YOUR WAY – Use the Brother free iPrint&Scan desktop app for scanning to multiple “Scan-to” destinations like PC, Network, cloud services, Email and OCR. (2) Supports Windows, Mac and Linux and TWAIN/WIA for PC/ICA for Mac/SANE drivers. (3)
- OPTIMIZE IMAGES AND TEXT – Automatic color detection/adjustment, image rotation (PC only), bleed through prevention/background removal, text enhancement, color drop to enhance scans. Software suite includes document management and OCR software. (4)
import { chromium } from 'playwright';
const browser = await chromium.launch();
const page = await browser.newPage({ viewport: { width: 1440, height: 900 } });
await page.goto('https://example.com/app', { waitUntil: 'networkidle' });
const panel = page.locator('[data-testid="results-panel"]');
await panel.waitFor();
const metrics = await panel.evaluate(el => ({
width: el.clientWidth,
scrollWidth: el.scrollWidth,
left: el.scrollLeft
}));
const overlap = 80;
const step = Math.max(1, metrics.width - overlap);
const last = Math.max(0, metrics.scrollWidth - metrics.width);
let index = 0;
for (let left = 0; left <= last; left += step) {
const position = Math.min(left, last);
await panel.evaluate((el, x) => { el.scrollLeft = x; }, position);
await page.waitForTimeout(250);
await panel.screenshot({ path: `panel-${String(index).padStart(3, '0')}.png` });
index++;
if (position === last) break;
}
await browser.close();If the app updates only after an event, dispatch the same interaction a user would perform, or wait for a selector that indicates the new columns are rendered. Keep the original segment files; a stitched panorama should never be your only copy.
Use scale deliberately
Playwright’s Page API supports CSS-pixel and device-pixel output scales. CSS scale generally keeps high-DPI images smaller, while device scale captures device pixels. Choose based on whether you need a compact document for review or maximum pixel detail for text and visual regression.
Chrome DevTools Protocol for explicit bounds
Chrome DevTools Protocol (CDP) exposes page metrics, clipping and an experimental option to capture beyond the viewport in its Page domain. Page.getLayoutMetrics reports the document’s scrollable dimensions in CSS pixels. These values describe the page, not every nested application scroller.
Document capture with a clip
import CDP from 'chrome-remote-interface';
const client = await CDP({ port: 9222 });
const { Page } = client;
await Page.enable();
const metrics = await Page.getLayoutMetrics();
const size = metrics.cssContentSize;
const result = await Page.captureScreenshot({
format: 'png',
captureBeyondViewport: true,
clip: { x: 0, y: 0, width: size.width, height: size.height, scale: 1 }
});
require('fs').writeFileSync('document-cdp.png', Buffer.from(result.data, 'base64'));
await client.close();Use a clip when you need deterministic coordinates or a bounded region. If the application’s wide content is inside a child element, measure and scroll that child instead of assuming cssContentSize.width includes it.
Horizontal movement through CDP input
The CDP Input domain documents horizontal scrolling input (Input domain). You can send a wheel event over the panel, capture the visible result, and repeat. Directly setting the element’s scrollLeft in page JavaScript is usually easier when the element is accessible; input events are useful when the app responds specifically to user-like wheel gestures.
await client.send('Input.dispatchMouseEvent', {
type: 'mouseWheel', x: 700, y: 500, deltaX: 900, deltaY: 0
});The protocol gives you the movement and screenshot primitives; stitching a single panorama from those captures is an application-level workflow, not a universal CDP command.
Rank #3
- STAY ORGANIZED – Easily convert your paper documents into digital formats like searchable PDF files, JPEGs, and more.Power Consumption : 2.5W or less (Energy Saving Mode: 0.7W). Suggested Daily Volume : 500 scans..Does it contain liquid: no
- CONVENIENT AND PORTABLE –lightweight and small in size, you can take the scanner anywhere from home offices, classrooms, remote offices, and anywhere in between
- HANDLES VARIOUS MEDIA TYPES – Digitize receipts, business cards, plastic or embossed cards, reports, legal documents, and more
- FAST AND EFFICIENT – No technical hurdles or complicated setups here; easily scan both sides of a document at the same time, in color or black-and-white, at up to 12 pages-per-minute, and with a 20 sheet automatic feeder
- BROAD COMPATIBILITY – Works with both Windows and Mac devices, be it laptop or computer
Virtualized lists, canvases and lazy content
Virtualized grids may keep only visible rows or columns in the DOM. A document-level screenshot cannot reconstruct items that have never been rendered. Canvases can have no accessible DOM text at all. For these targets:
- Scroll the actual inner region through its complete horizontal range (and vertically if rows are also virtualized).
- After each move, wait for a stable condition: a loading indicator disappears, a known cell appears, or a short delay allows drawing to finish.
- Capture overlapping segments and retain their scroll positions.
- Inspect the beginning, middle and end of the assembled image at high zoom. Confirm that labels, row counts and the final column are present.
Do not infer completeness from a file’s dimensions alone. A very wide bitmap can still contain blank space, repeated virtualized rows or a missing final segment.
Manual browser workflow for a one-off image
For a single capture, first maximize the app region and identify its horizontal scrollbar. Save a visible capture at the far left, move right by slightly less than one viewport width, and save again until the scrollbar reaches its maximum. Keep a modest overlap between images. Combine them in an editor only after checking that sticky headers, fixed buttons and animated content have not shifted.
There is no universal set of current Chrome menu steps that captures arbitrary nested horizontal scrollers as one image. Manual segmented captures are therefore more predictable than relying on a “full page” label whose coverage you have not verified.
Reliability checklist before you publish the image
- Container: verify which element responds to horizontal input; do not assume it is
body. - Range: record the starting position and capture through the exact maximum scroll position.
- Overlap: leave enough repeated content to align segments and expose gaps.
- Dynamic layout: disable or wait for animations; watch sticky headers and fixed controls.
- Lazy resources: wait for images and fonts in each newly revealed segment.
- Responsive behavior: keep viewport and device scale constant so columns do not reflow between shots.
- Review: inspect both the entire image and a magnified crop of seams, text and the first and last columns.
Performance, resolution and repeatability
Segment count grows with total scroll width. Smaller overlaps reduce work but make alignment harder; larger overlaps improve checking at the cost of more captures and storage. Fix the viewport, browser scale, timezone and test data when creating regression images. For repeat runs, wait on deterministic selectors rather than arbitrary long delays whenever the app provides a reliable “loaded” signal.
Capture PNG when lossless text and pixel comparison matter. JPEG can be smaller for photographic content but introduces compression differences. If your stitched output is consumed by another system, store a manifest containing each segment’s horizontal offset, viewport width, overlap and capture time.
Common failures and fixes
Only the left side appears
Cause: the document was captured while the wide content lived in a child scroller. Fix: locate the child whose scrollWidth exceeds clientWidth, then segment that element.
Rank #4
- IRIScan Express, portable scanner : scans color and black and white documents a blazing speed up to 8ppm simplex. Color scanning won’t slow you down as the color scan speed is the same as the black and white scan speed.
- IRIScan Express mobile scanner is powered via an included micro USB 2. 0 cable allowing you to use it even where there is no outlet available. Plug it into you PC or laptop and you are ready to scan. USB cable provided. AC Adapter not provided and not needed.
- IRIScan flatbed scanner uses a simplex scanning mode allows for quick and straightforward scanning of single-sided documents. IRIScan with its full portable features is the ideal document scanners for computers.
- IRIScan document scanner : Versatile scanning capabilities, including scanning to Word, PDF, and Excel formats with companion software provided Readiris OCR
- Receipt scanner and card scanner with Additional features include scanning business cards directly to Outlook, photo scanning, and receipt scanning for efficient document management
The screenshot is wide but columns repeat
Cause: a virtualized grid reused visible cells, or the stitching offsets were wrong. Fix: wait after each scroll, record the actual scrollLeft, and compare unique row labels across seams.
The Tool Desk
Outbyte PC Repair FREEClear out junk files and repair common Windows errorsFree Scan →Outbyte Driver Updater FREEScan for outdated or missing drivers - takes under a minuteDriver Scan →The right edge is missing
Cause: the loop stopped before scrollWidth - clientWidth. Fix: always capture an explicit final position and break only after that position has been saved.
Blank or stale cells appear
Cause: lazy loading, network delay or an animation was still running. Fix: wait for a selector or network-idle condition appropriate to the app, then add a short settling delay before capture.
Text is unreadable
Cause: an image was downscaled or CSS-pixel output was chosen for a high-DPI review. Fix: use device-pixel scale or a larger viewport, while checking that the resulting file remains practical to store and inspect.
Canvas content cannot be validated from the DOM
Cause: the visual data is painted rather than represented as elements. Fix: treat each rendered viewport as authoritative, capture every horizontal position, and perform visual inspection of the seams and endpoints.
Do these 3 things before closing this tab:
1Scan for outdated or missing drivers - takes under a minute2Clear out junk files and repair common Windows errors3Fix the driver behind crashes, sound loss and screen glitchesOr skip the browser setup
ScreenshotNeo is a website screenshot API and MCP server. It is useful when you want a repeatable request instead of maintaining browser launch, waiting and stitching code. For ordinary page capture, send one GET request:
Best Value
- Scanner type: Document
- Connectivity technology: USB
- With Auto Scan Mode, the scanner automatically detects what you're scanning
- Digitize documents and images
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webpSee the ScreenshotNeo documentation for parameters and response details. The same request in Python is:
import requests
r = requests.get("https://api.screenshotneo.com/v1/shot", params={"access_key": "YOUR_API_KEY", "url": "https://stripe.com"}, timeout=90)
open("shot.webp", "wb").write(r.content)Node.js:
const q = new URLSearchParams({ access_key: 'YOUR_API_KEY', url: 'https://stripe.com' });
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);ScreenshotNeo can load lazy images, capture an element by CSS selector, set a viewport or device preset, use retina scale, wait for a selector, delay or network idle, click before capture, hide selectors, apply custom CSS and JavaScript, and control headers, cookies, user agent, timezone and geolocation. For a horizontally scrolling app, those controls can help you prepare a stable view; you should still verify whether the target is a nested scroller or virtualized canvas and use segmented captures when one element image does not contain its full overflow.
Before capture it accepts cookie/consent banners and removes more than 60 known consent platforms, newsletter popups and chat widgets; each step can be turned off. Bot checks, CAPTCHAs, blank pages, timeouts, failed loads and cache hits are not billed, and response headers report the page verdict and billing status. Its MCP server provides take_screenshot, get_page_info and capture_pdf tools for Claude, Cursor and other MCP clients. The Free plan includes 1,000 shots per month without a card; paid plans start at $5 for 3,000 shots. Create a free ScreenshotNeo account to try it.
Crashes, No Sound, or Screen Glitches?
Random freezes, missing sound and display glitches usually trace back to one bad driver. Find and replace yours safely.Free scan · under a minutePC Slower Than It Used to Be?
A free scan shows the junk files, broken settings and background clutter dragging Windows down - then fixes them in one click.Free scan · Windows 10 & 11Which method should you choose?
| Target | First choice | Why |
|---|---|---|
| Vertically scrollable document | Playwright fullPage |
Directly matches the documented full-page behavior. |
| One visible panel | Playwright locator or a CDP clip | Captures a bounded region with predictable coordinates. |
| Nested horizontal table or timeline | Element test, then overlapping segments | Confirms whether off-screen overflow is actually represented. |
| Virtualized or canvas content | Scroll, wait, segment and inspect | Only rendered regions can be captured reliably. |
| API automation without browser maintenance | ScreenshotNeo | Clean shots, only clean shots billed, and a $5 entry paid plan. |
Frequently Asked Questions
Does Playwright’s fullPage option capture a horizontally scrolling table automatically?
It captures the full scrollable document. A nested table or panel may remain limited to its viewport, so test that element and use overlapping horizontal captures if off-screen columns are absent.
How much overlap should screenshot segments have?
There is no universal value. A modest overlap, such as the 80-pixel example, gives you repeated landmarks for alignment; adjust it when the app has sticky controls or very dense columns.
Can CDP create one stitched panorama for an app scroller?
CDP supplies clipping, screenshot and input methods, but stitching segments is your automation’s responsibility. Preserve the individual captures and verify seams.
What should I do when a grid renders only visible cells?
Scroll through every horizontal and vertical range, wait for each newly revealed region to render, capture overlapping segments, and inspect labels and endpoints for omissions.
Quick wins for a faster PC:
Scan for outdated or missing drivers - takes under a minuteDriver Scan →Repair Windows errors before they cause bigger problemsFix Now →Fix the driver behind crashes, sound loss and screen glitchesFind Drivers →Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
