Driver FixRecommendedSound, Wi-Fi or graphics acting up? Check drivers firstFind missing or outdated drivers fast.Check DriversHalloween DealsAmazon USHalloween week deals: useful picks before month-endAmazon US: current deals, useful picks and tech finds.Check DealsPC HealthRecommendedCrashes, freezes, slowdowns? Check your PC nowSpot repairable issues before they interrupt work.Check PC×
FREEDOM251

Freedom251 › Blog › authentication

How to Take Full-Page Screenshots of Pages Behind a Login

By Freedom251 Team · · 6 min read

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

To capture a page behind a login, use a browser automation tool such as Playwright that can sign in or load an authenticated browser session, then take a screenshot with fullPage: true. Login and capture are separate steps: a screenshot service given only a URL cannot be assumed to share your browser’s signed-in session.

What “full-page” means—and why login is separate

A full-page screenshot includes the page’s scrollable content below the visible viewport. In Playwright, the Page screenshot option is fullPage; it defaults to false. The browser must also be authenticated and viewing the intended page when the screenshot is taken.

As an Amazon Associate I earn from qualifying purchases.

You can establish that session by automating the site’s login flow or by loading saved authentication state. A tool that receives only a URL does not automatically inherit cookies from your regular browser. Sites with multi-factor authentication, single sign-on, bot checks, or changing page content may need site-specific handling; no general workflow guarantees compatibility with every site.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Use Playwright with saved authentication state

This approach is useful when you can sign in in a browser once, save its state, and reuse that state in a later capture script. The example uses Node.js and Playwright. Replace the example URL with the protected page you are authorized to access.

#1 Best Overall
Sale
Epson Workforce ES-50 Compact & Lightweight Mobile Document Scanner | For Computers including PC and Mac Receipt and Document Scanner USB Powered
  • 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

1. Install Playwright

In a new project, install the package and its browser:

npm init -y
npm install playwright
npx playwright install chromium

2. Sign in and save the session

Create save-auth.js. Replace the example login URL and selectors with those used by your site. This script pauses so you can complete a manual sign-in, including any multi-factor step, in the opened browser.

const { chromium } = require('playwright');

(async () => {
  const browser = await chromium.launch({ headless: false });
  const context = await browser.newContext();
  const page = await context.newPage();

  await page.goto('https://example.com/login');
  console.log('Sign in in the browser window, then return here.');
  await page.pause();

  await context.storageState({ path: 'auth-state.json' });
  await browser.close();
})();

Run it with node save-auth.js. After signing in, resume execution in Playwright Inspector. The state file can contain cookies and headers that could let someone impersonate the account. Keep it private, restrict access, and exclude it from source control; do not use a shared or public repository to store it.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Rank #2
Sale
Brother DS-640 Compact Mobile Document Scanner, (Model: DS640)
  • 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)

3. Load the state and capture the whole page

Create capture.js in the same project directory:

const { chromium } = require('playwright');

(async () => {
  const browser = await chromium.launch();
  const context = await browser.newContext({
    storageState: 'auth-state.json'
  });
  const page = await context.newPage();

  await page.goto('https://example.com/account/report', {
    waitUntil: 'networkidle',
    timeout: 60000
  });
  await page.screenshot({ path: 'full-page.png', fullPage: true });

  await browser.close();
})();

Run node capture.js. If the page has ongoing network activity that prevents the navigation wait from settling, choose a site-specific readiness condition instead—for example, wait for a known page element with page.waitForSelector('main') before taking the screenshot. The required selector depends on the page.

Automate login instead of reusing saved state

If your site permits scripted sign-in, the same browser context can log in and capture without saving state for reuse. Use selectors that match the actual page, and avoid putting real credentials in source code or committed files.

const { chromium } = require('playwright');

(async () => {
  const browser = await chromium.launch();
  const page = await browser.newPage();

  await page.goto('https://example.com/login');
  await page.locator('input[name="email"]').fill(process.env.SITE_USER);
  await page.locator('input[name="password"]').fill(process.env.SITE_PASSWORD);
  await page.locator('button[type="submit"]').click();

  await page.waitForURL('**/account/**');
  await page.goto('https://example.com/account/report', {
    waitUntil: 'networkidle',
    timeout: 60000
  });
  await page.screenshot({ path: 'full-page.png', fullPage: true });

  await browser.close();
})();

Set SITE_USER and SITE_PASSWORD in your environment before running the script. The field names, submit control, and post-login URL pattern are examples; adapt them to the site. If login requires an interactive challenge or a flow the script cannot complete, use a manually authenticated browser session instead.

Rank #3
Sale
Epson Workforce ES-400 II High-Speed Color Duplex Desktop Document Scanner | For Computers including PC and Mac with Auto Document Feeder and Image Adjustment Tools
  • FAST DOCUMENT SCANNING — Document scanner with feeder allows you to speed through stacks with a 50-sheet Auto Document Feeder (ADF); Efficient office scanner to help you scan more productively
  • INTUITIVE, HIGH-SPEED SOFTWARE — Quickly scan with this desktop document scanner; Epson ScanSmart Software lets you easily preview scans, email files, upload to the cloud, and more; Plus, automatic file naming saves even more time
  • SEAMLESS INTEGRATION — Easily incorporate your data into most document management software with the included TWAIN driver; Office document scanner integrates seamlessly with business workflows
  • EASY SHARING — Duplex scanner allows you to scan straight to email or popular cloud storage2 services like Dropbox, Evernote, Google Drive, and OneDrive for simple storage and sharing
  • SIMPLE FILE MANAGEMENT — Scanner allows the creation of searchable PDFs with Optical Character Recognition (OCR) and convert scans to editable Word or Excel files effortlessly; Designed for home and office document scanning

Other browser-tool option: Playwright MCP

Playwright MCP exposes browser screenshot capture through a browser-tool interface, including full-page capture. It still operates on a browser-controlled page, so authentication must be established in that browser context. Its screenshot tool supports a viewport, an element, or the full scrollable page; full-page capture cannot be combined with targeting a specific element.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Choose a workflow that can access the session

  • Session access: Can the tool reuse an authenticated browser context or perform the login flow?
  • Capture scope: Does it capture the entire scrollable page, rather than only the current viewport?
  • Workflow fit: Do you need a code-driven browser automation workflow or a browser-tool interface?
  • State security: Where are cookies and other authentication state stored, and who can read them?
  • Rendering and size: Does the page finish rendering its dynamic content, and can the browser allocate enough memory for its full dimensions?

Or skip the browser setup

ScreenshotNeo is a screenshot API and MCP server for developers. It accepts a URL and can capture PNG, JPEG, WebP, or PDF. Its clean-shot workflow accepts cookie or consent banners like a visitor and removes more than 60 known consent platforms, newsletter popups, and chat widgets before capture; each cleanup step can be turned off. That URL-based workflow is not a substitute for loading your private browser session: do not assume it can access a page that requires your existing login. ScreenshotNeo also supports custom headers, cookies, and Authorization, but whether those are suitable for a particular site depends on that site’s authentication requirements.

For a page the API can access, a one-call example is:

curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webp

See the ScreenshotNeo documentation for API details. Bot checks or CAPTCHAs, blank pages, timeouts, failed loads, and cache hits are not billed; response headers report the page verdict and billing status. Its MCP server provides take_screenshot, get_page_info, and capture_pdf for AI agents and other MCP clients. The Free plan includes 1,000 shots per month with no card; paid plans start at $5 for 3,000 shots. Every feature is on every plan.

Rank #4
Canon Canoscan Lide 300 Scanner (PDF, AUTOSCAN, Copy, Send)
  • Scanner type: Document
  • Connectivity technology: USB
  • With Auto Scan Mode, the scanner automatically detects what you're scanning
  • Digitize documents and images

Sign up for ScreenshotNeo’s free plan: 1,000 screenshots a month, no card required.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Troubleshooting

The screenshot shows a login page

The saved state may be expired, may belong to a different browser context, or may not include the authentication data the site needs. Sign in again and save fresh state. If the site uses a separate sign-in domain, make sure the saved session was created after completing that flow.

The page is incomplete or still loading

Navigation completing does not always mean that client-rendered content or lazy-loaded images are ready. Wait for a page-specific element or other readiness signal before capturing. For long pages, test with a smaller capture or a representative route first; pages with very large dimensions can exhaust browser memory and crash.

Best Value
Sale
ScanSnap iX2500 Wireless or USB High-Speed Document Scanner, Black | Cloud Enabled | Photos & Receipts | Large Touchscreen | 100 page Auto Document Feeder | Mac or PC
  • OUR MOST ADVANCED SCANSNAP. Large touchscreen, fast 45ppm double-sided scanning, 100-sheet document feeder, Wi-Fi and USB connectivity, automatic optimizations, and support for cloud services. Upgraded replacement for the discontinued iX1600
  • CUSTOMIZABLE. SHARABLE. Select personalized profiles from the touchscreen. Send to PC, Mac, mobile devices, and clouds. QUICK MENU lets you quickly scan-drag-drop to your favorite computer apps
  • STABLE WIRELESS OR USB CONNECTION. Built-in Wi-Fi 6 for the fastest and most secure scanning. Connect to smart devices or cloud services without a computer. USB-C connection also available
  • PHOTO AND DOCUMENT ORGANIZATION MADE EFFORTLESS. Easily manage, edit, and use scanned data from documents, receipts, photos, and business cards. Automatically optimize, name, and sort files
  • AVOIDS PAPER JAMS AND DAMAGE. Features a brake roller system to feed paper smoothly, a multi-feed sensor that detects pages stuck together, and skew detection to prevent paper damage and data loss

The script times out during navigation

A page with persistent network activity may not reach the chosen navigation condition. Increase the timeout only if the page genuinely needs more time; otherwise, wait for a specific element that indicates the content you need has rendered.

The login automation fails

Check that the selectors match the current login form and that the script waits for the site’s actual post-login state. Multi-factor authentication, single sign-on, and bot checks can require site-specific or interactive handling; a generic script cannot guarantee those flows.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

The saved session is rejected or exposed

Authentication state can be sensitive and may stop working when the site expires or invalidates it. Create a fresh state file when needed, limit who can access it, and keep it out of source control. If it was exposed, treat it as a credential and follow the site’s account-security process to revoke or replace the session.

Frequently Asked Questions

Can a screenshot API use the login session from my normal browser?

Not unless the workflow explicitly provides that session to the service. A URL alone does not carry your browser’s cookies.

Can I capture only one element with a full-page screenshot?

Playwright MCP’s documented screenshot interface does not combine full-page capture with an element target; choose either the full scrollable page or a targeted element.

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.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

authenticationbrowser automationPlaywrightscreenshotsWeb development

Leave a Reply

Your email address will not be published. Required fields are marked *

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Recommended PC Tool
Recommended PC Tool
Outdated Drivers Are Slowing You DownFree scan - exact matches
Windows Errors? Fix Them Before They SpreadFree repair scan

Two free Windows tools

One Free Minute Could Fix That PC

Before you go - each of these free tools takes about a minute and tackles what quietly slows a Windows PC down.

Special offer. View Outbyte info, uninstall instructions, EULA, and Privacy Policy.