Driver FixRecommendedSound, Wi-Fi or graphics acting up? Check drivers firstFind missing or outdated drivers fast.Check DriversOctober DealsAmazon USOctober deal check: compare before you payAmazon US: current deals, useful picks and tech finds.Check DealsClean PCRecommendedOne scan can reveal what keeps slowing WindowsLook for cleanup and repair opportunities.Run Scan×
Skip to content
World desk5 min

How to Take a Full-Page Website Screenshot at a Custom Mobile Viewport Size

Set a custom responsive viewport in Chrome and capture the whole page, or automate the same workflow with Playwright, Puppeteer, or the Chrome DevTools Protocol.

What’s actually slowing this PC down?

Pick the symptom - the matching free tool is one click away.

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

In Chrome, set the page to a custom responsive width and height in Device Mode, then choose More options > Capture a full size screenshot. That captures content beyond the visible viewport while keeping the page laid out at the dimensions you chose. For repeatable captures, use Playwright or Puppeteer to set the viewport before taking a full-page screenshot.

Capture a full-page screenshot manually in Chrome

  1. Open the webpage in Chrome, then open DevTools.
  2. Turn on the Device toolbar.
  3. In the dimensions control, select Responsive.
  4. Enter the target width and height in pixels. For example, Chrome’s official guide uses 480 by 415 pixels as an example; use the dimensions you need instead.
  5. Choose the device type. Select Mobile if you want mobile rendering and touch interaction behavior. Set the device pixel ratio (DPR) if pixel density matters to your output.
  6. Open More options in the Device toolbar and select Capture a full size screenshot. The regular Capture screenshot command captures only the currently visible area.

Chrome lets you enter custom width and height or drag the viewport handles. Device Mode can also configure DPR, user-agent string, and device type. Match these settings when the page’s behavior depends on more than its dimensions. Chrome DevTools Device Mode documentation.

As an Amazon Associate I earn from qualifying purchases.

What “custom mobile viewport” controls—and what it does not

Width and height determine the emulated viewport, but they do not fully define a physical phone. The page can respond differently depending on whether mobile rendering is enabled, whether touch events are available, the device pixel ratio, the user agent, and the page’s viewport metadata. Choose the settings relevant to the behavior you are checking.

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

Device Mode is an approximation: it does not run the page on mobile hardware. If the result depends on real-device hardware behavior, verify it on an actual device. Chrome’s Device Mode guide.

#1 Best Overall
Sale
Motorola Moto g - 2026 | Unlocked | Made for US 4/128GB | 50MP Camera | Pantone Slipstream, Cellular_Phone
  • Universal unlocked. Compatible with all major U.S. carriers, including Verizon, AT&T, T-Mobile and other prepaid carriers.
  • Super-bright, super-smooth 6.7" display. See your screen clearly even outdoors in sunlight, and enjoy seamless views with a fast-refreshing 120Hz display.*
  • AI-powered camera system. Take stunning photos in any light with the 50MP camera**, look your best with a 32MP selfie cam*****, and capture extreme close-ups.
  • Superfast 5G performance. Unleash your entertainment at 5G speed*** with the MediaTek Dimensity 6300 chipset and up to 12GB of RAM with RAM Boost****.
  • Long-lasting battery + TurboPower charging. Power through day after day with a 5200mAh battery, then get hours of power in just minutes.****

Automate repeatable full-page captures

For a one-off image, DevTools is direct. For repeated captures or a test workflow, browser automation lets you set the emulation options in code and capture the page consistently. The essential order is to configure the viewport and device behavior, navigate, wait for meaningful content to render, then capture the full page.

Playwright

Playwright supports device configurations and per-test viewport overrides. Device settings can include a user agent, screen size, viewport, and touch support. The screenshot option fullPage: true captures the full scrollable page. Set scale to "css" for CSS-pixel output or "device" for device-pixel-ratio output. Playwright emulation documentation and Playwright screenshot documentation.

Runnable Node.js example, using a custom mobile viewport and full-page capture:

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Rank #2
Sale
Samsung Galaxy A17 5G Smart Phone 128GB US 1 Yr Manufacturer Warranty Black | Large AMOLED, High-Res Camera, Durable Design, Super Fast Charging, Expandable Storage, Circle to Search, 2025
  • YOUR CONTENT, SUPER SMOOTH: The ultra-clear 6.7" FHD+ Super AMOLED display of Galaxy A17 5G helps bring your content to life, whether you're scrolling through recipes or video chatting with loved ones.¹
  • LIVE FAST. CHARGE FASTER: Focus more on the moment and less on your battery percentage with Galaxy A17 5G. Super Fast Charging powers up your battery so you can get back to life sooner.²
  • MEMORIES MADE PICTURE PERFECT: Capture every angle in stunning clarity, from wide family photos to close-ups of friends, with the triple-lens camera on Galaxy A17 5G.
  • NEED MORE STORAGE? WE HAVE YOU COVERED: With an improved 2TB of expandable storage, Galaxy A17 5G makes it easy to keep cherished photos, videos and important files readily accessible whenever you need them.³
  • BUILT TO LAST: With an improved IP54 rating, Galaxy A17 5G is even more durable than before.⁴ It’s built to resist splashes and dust and comes with a stronger yet slimmer Gorilla Glass Victus front and Glass Fiber Reinforced Polymer back.
const { chromium } = require('playwright');

(async () => {
  const browser = await chromium.launch();
  const context = await browser.newContext({
    viewport: { width: 390, height: 844 },
    deviceScaleFactor: 2,
    isMobile: true,
    hasTouch: true,
  });
  const page = await context.newPage();
  await page.goto('https://example.com', { waitUntil: 'networkidle' });
  await page.screenshot({ path: 'full-page.png', fullPage: true, scale: 'css' });
  await browser.close();
})();

Replace the example URL and dimensions with your target. The viewport is expressed in CSS pixels; deviceScaleFactor controls the emulated pixel density. If your capture should reflect only CSS-pixel dimensions, keep scale: 'css'. Use Playwright’s device descriptors when you also need a particular device’s documented user agent or other emulation settings, then override the viewport if needed.

Puppeteer

Puppeteer’s screenshot options include fullPage: true; its API also documents captureBeyondViewport. Set the viewport before navigation and capture. Puppeteer screenshot options.

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.setViewport({ width: 390, height: 844, isMobile: true, deviceScaleFactor: 2 });
  await page.goto('https://example.com', { waitUntil: 'networkidle0' });
  await page.screenshot({ path: 'full-page.png', fullPage: true });
  await browser.close();
})();

Chrome DevTools Protocol

If you are using the protocol directly, Emulation.setDeviceMetricsOverride sets dimensions and mobile emulation behavior. Page.captureScreenshot accepts a format, clip, and captureBeyondViewport options. Configure emulation before capturing, and use the full-page/beyond-viewport behavior appropriate to your capture. Emulation.setDeviceMetricsOverride and Page.captureScreenshot.

Rank #3
Sale
Samsung Galaxy A16 5G 128GB Cell Phone, Unlocked Android Smartphone, Large AMOLED Display, Durable Design, Super Fast Charging, Expandable Storage, US Version, 2025, Blue Black (Renewed)
  • Charger NOT Included, 6.7" Super AMOLED FHD+, 90Hz Refresh Rate, 385 ppi, 800 nits (HBM), 1080x2340px, 5000mAh Battery
  • 128GB, 4GB RAM, microSDXC, Exynos 1330 (5nm), Octa-Core, Mali-G68 MP2 or Mali-G57 MC2 GPU
  • Rear Camera: 50MP, f/1.8 (wide) + 5MP, f/2.2 (ultrawide) + 2MP, f/2.4 (macro), LED flash, panorama, HDR; Front Camera: 13MP, f/2.0, Android 14, up to 6 major Android upgrades, One UI 6.1
  • 3G: HSDPA 850/900/1700(AWS)/1900/2100; 4G LTE: 1/2/3/4/5/7/12/13/14/20/25/26/28/29/30/38/39/40/41/48/66/71, 5G: 2/5/25/41/66/71/77/78 SA/NSA/Sub6/mmWave - Nano-SIM + eSIM
  • US Model – Global Connectivity – Compatible with Most GSM Carriers like T-Mobile, AT&T, MetroPCS, etc. Will Also work with CDMA Carriers Such as Verizon, Straight Talk.

Handle content that appears only after scrolling or interaction

A full-page option captures the document’s scrollable area, but it does not guarantee that every element has loaded. Pages may load images or sections lazily, or reveal content only after scrolling or interaction. Before capture, trigger the behavior needed to render the content and confirm it is present. Then take the screenshot. This is a page-specific loading concern, not a guarantee made by the screenshot APIs.

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

Or skip the browser setup

ScreenshotNeo can return a screenshot or PDF from one GET request, with a custom viewport and full-page capture options. Its documented parameters are designed to accept the parameter names other screenshot APIs use as well. See the ScreenshotNeo API documentation.

curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://example.com -d width=390 -d height=844 -d full_page=true -o shot.webp

Use the documented option names and values for your desired output and emulation settings. ScreenshotNeo removes cookie/consent banners, newsletter popups, and chat widgets before capture; each of those steps can be turned off. Bot checks/CAPTCHAs, blank pages, timeouts, failed loads, and cache hits cost nothing, and each response identifies the page verdict and billing status in headers. It also has an MCP server with screenshot, page-info, and PDF tools for AI agents. The Free plan includes 1,000 screenshots per month with no card; paid plans start at $5 for 3,000 shots.

Sign up free for 1,000 screenshots a month—no card required.

Rank #4
Sale
Samsung Galaxy A17 5G Smart Phone 128GB, US 1 Yr Manufacturer Warranty Blue | Large AMOLED, High-Res Camera, Durable Design, Super Fast Charging, Expandable Storage, Circle to Search, 2025
  • YOUR CONTENT, SUPER SMOOTH: The ultra-clear 6.7" FHD+ Super AMOLED display of Galaxy A17 5G helps bring your content to life, whether you're scrolling through recipes or video chatting with loved ones.¹
  • LIVE FAST. CHARGE FASTER: Focus more on the moment and less on your battery percentage with Galaxy A17 5G. Super Fast Charging powers up your battery so you can get back to life sooner.²
  • MEMORIES MADE PICTURE PERFECT: Capture every angle in stunning clarity, from wide family photos to close-ups of friends, with the triple-lens camera on Galaxy A17 5G.
  • NEED MORE STORAGE? WE HAVE YOU COVERED: With an improved 2TB of expandable storage, Galaxy A17 5G makes it easy to keep cherished photos, videos and important files readily accessible whenever you need them.³
  • BUILT TO LAST: With an improved IP54 rating, Galaxy A17 5G is even more durable than before.⁴ It’s built to resist splashes and dust and comes with a stronger yet slimmer Gorilla Glass Victus front and Glass Fiber Reinforced Polymer back.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Troubleshooting

The screenshot shows only the first screen

In DevTools, use Capture a full size screenshot, not Capture screenshot. In automation, enable the full-page option, such as Playwright’s fullPage: true or Puppeteer’s equivalent.

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

The layout looks like desktop at a mobile width

Check that mobile emulation or the intended device type is enabled. If the page relies on user-agent detection, touch events, or viewport metadata, width and height alone may not reproduce its mobile layout.

The image dimensions or sharpness are unexpected

Distinguish CSS-pixel output from device-pixel output. Playwright exposes this choice through its screenshot scale option; device pixel ratio also affects emulation. Align the DPR and output scale with the image you need.

Best Value
Tracfone Motorola Moto G 2025, 64GB, Saphire Blue (Locked to | Prepaid Smartphone- 6.6" 120Hz Display, 5G , 50MP Quad Pixel Camera, Long-Lasting Battery
  • Carrier: This phone is locked to Tracfone, which means this device can only be used on the Tracfone wireless network. Tracfone plan required, activating is easy, just 3 steps.
  • DISPLAY: Immersive viewing on a 6.7-inch super-bright 120Hz display with powerful stereo speakers and Bass Boost for cinematic entertainment.
  • CAMERA SYSTEM: Advanced 50MP Quad Pixel camera captures sharp, detailed photos and videos in any lighting condition
  • PERFORMANCE: Lightning-fast 5G connectivity paired with a powerful processor and RAM Boost for smooth multitasking.
  • BATTERY LIFE: Long-lasting 5000mAh battery with TurboPower charging technology delivers hours of power in minutes.

Images or sections are missing

Wait for the page’s meaningful content to render. If content is lazy-loaded, scroll through the relevant regions or perform the interaction that reveals it before capturing; a full-page screenshot does not itself ensure that deferred content has loaded.

The result does not match a real phone

Device Mode and browser emulation approximate mobile behavior; they are not a substitute for running the page on physical hardware when the difference depends on the device itself.

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

Choose the right capture method

Need Use Key setting
One-time screenshot in Chrome DevTools Device Mode Responsive width and height, then Capture a full size screenshot
Repeatable test or scripted capture Playwright or Puppeteer Set viewport/emulation before navigation; enable full-page capture
Direct browser protocol control Chrome DevTools Protocol Override device metrics, then capture beyond the viewport
Screenshot or PDF from an API or AI agent workflow ScreenshotNeo Send a request with the target URL and desired capture options

Frequently Asked Questions

Does a full-page screenshot change the viewport height to the full page height?

It captures beyond the visible viewport; set the viewport height to the intended mobile value before capturing.

Can I use a custom viewport with a specific device preset?

Yes. In automation, start with the relevant device configuration and override its viewport if required.

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.

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.

More from the Wire

  1. World desk4 min
    How to Spot an AI Voice Scam Before Sending MoneyDon’t rely on how a caller sounds. Pause, call back through a known number, and verify the emergency with another trusted person before sending money.
  2. Mountain View desk4 min
    Google’s SynthID Detector: How to Check AI-Generated Images, Video and AudioGoogle’s SynthID Detector looks for an embedded watermark in supported images, video and audio. Here is what its results do—and do not—show.
  3. Redmond desk20 min
    How to create a link to File or Folder in Windows 11Windows 11 gives you several ways to point to a file or folder without moving or duplicating it. You can create a desktop shortcut,…
Recommended PC Tool
Recommended PC Tool
Crashes, No Sound, or Screen Glitches?Free driver scan
PC Slower Than It Used to Be?Free scan - under a minute

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.