DriversRecommendedOutdated drivers can make a good PC feel brokenScan driver issues before chasing fixes manually.Scan NowOctober DealsAmazon USOctober deal check: compare before you payAmazon 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×
Skip to content
Chrome DevTools

How to Capture a Screenshot of a Website’s Mobile Version

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

The quickest method is Chrome DevTools. Open the site in Chrome, turn on the device toolbar, choose or enter a phone-sized viewport, then use More options → Capture screenshot for the visible screen or Capture a full size screenshot for the entire page. This emulates a mobile viewport on your computer; it is not automatically a photograph from a physical phone.

What “mobile version” means

A mobile screenshot normally means an image rendered at a phone-sized browser viewport. Responsive CSS, layout breakpoints and many browser APIs react to that size. DevTools can also simulate a mobile user agent, touch input and pixel ratio, depending on the settings you choose.

Emulation is useful for inspecting layout, but it has limits. Chrome for Developers describes Device Mode as “a first-order approximation of how your page looks and feels on a mobile device.” The page still runs from your desktop or laptop, not on phone hardware. Check an actual phone when your conclusion depends on operating-system behavior, browser-specific bugs, sensors, permission prompts, keyboard behavior or performance.

Choose the capture you need

Goal Best choice What you get
Initial phone screen Viewport screenshot Only the currently visible emulated viewport
Every section of a long page Full-page screenshot A tall image containing content below the fold
One card, form or component Element screenshot A crop of a selected DOM element
Repeated sizes or scheduled checks Playwright automation Scriptable, repeatable files or image buffers
Hardware-dependent behavior Physical phone check Rendering and interaction on the actual device

A full-page mobile image can become extremely tall. For a design review, a viewport shot or several section crops may communicate more clearly than one very long file.

Free tools Windows power users keep installed

One-click scans. No signup required.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
#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.****

Chrome DevTools: the fastest manual workflow

Set a phone viewport

  1. Open the target page in desktop Chrome.
  2. Open DevTools: right-click the page and choose Inspect, or use Ctrl+Shift+I on Windows/Linux or Cmd+Option+I on macOS.
  3. Click Toggle device toolbar in DevTools, or press Ctrl+Shift+M (Windows/Linux) or Cmd+Shift+M (macOS).
  4. In the device toolbar, leave Dimensions set to Responsive and enter the required width and height. Alternatively, select a preset from the Dimensions list.
  5. Reload the page after changing user-agent or device settings. Wait for fonts, images and any dynamic content to finish loading.

Google’s documented width presets include Mobile S (320 px), Mobile M (375 px), Mobile L (425 px), Tablet (768 px), Laptop (1024 px), Laptop L (1440 px) and 4K (2560 px). These are browser presets, not a claim that one width represents every phone. If you are checking a breakpoint, type that breakpoint’s exact width.

Save the visible viewport

  1. With the desired state visible, open the DevTools three-dot menu.
  2. Select More options → Capture screenshot.
  3. Choose a filename and location when Chrome prompts you.

This captures the emulated viewport, including the current scroll position. Close menus, consent dialogs and overlays first if they are not part of the state you want to document.

Save the entire page

  1. Keep Device Mode enabled and confirm the page has loaded.
  2. Open More options.
  3. Choose Capture a full size screenshot.

Chrome stitches content outside the visible viewport into one image. Lazy-loaded sections may not appear until they have been scrolled into view; scroll through the page first when those images matter.

When to change device type, DPR or touch

The basic workflow does not require changing these controls. Set a device pixel ratio when you are examining sharpness or assets selected by resolution. Select a mobile device type and enable touch simulation when the page has separate touch and mouse interaction paths. Chrome distinguishes mobile rendering and touch events from desktop rendering and click events, so these settings can reveal interaction differences, but they still do not reproduce every physical-device condition.

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

Firefox Responsive Design Mode

Capture a mobile viewport

  1. Open Firefox’s menu and choose Browser Tools → Responsive Design Mode, click the responsive toolbar button, or press Ctrl+Shift+M (Windows/Linux) or Cmd+Option+M (macOS).
  2. Enter a width and height, drag the viewport handles, or select a device preset.
  3. Use the camera button in the responsive toolbar to save the screenshot to Firefox’s download location.

Firefox can simulate touch, network throttling, screen size, pixel ratio and user-agent behavior. These are simulated properties; they do not prove that the image came from a real phone.

Rank #2
Sale
Samsung Galaxy A17 5G Smart Phone 128GB US 1 Yr Manufacturer Warranty Black
  • 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.

Full-page, element and command-line-style captures

For a full-page capture, enable Take a screenshot of the entire page in the toolbox. To capture one element, open Inspector, right-click the node and choose Screenshot Node.

Firefox’s Web Console also provides its documented :screenshot helper. Examples include:

  • :screenshot --fullpage --filename page.png — capture the complete page.
  • :screenshot --selector "main article" --filename article.png — capture a matching element.
  • :screenshot --delay 2000 --dpr 2 --filename delayed.png — wait two seconds and use a device-pixel ratio of 2.

These commands are Firefox-specific. If a selector matches multiple nodes, use a selector that identifies one element or capture through the Inspector.

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

Automate captures with Playwright

Playwright is the practical choice when you need the same page at several widths, recurring visual checks or a set of known URLs. The capture API supports PNG, JPEG and WebP output, full-page images, clipping and element screenshots. Install Playwright and its browser binaries using the installation instructions for your language, then use a script like this:

import { chromium, devices } from 'playwright';

const browser = await chromium.launch();
const context = await browser.newContext({
  ...devices['iPhone 13'],
  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: 'mobile-viewport.png' });
await page.screenshot({ path: 'mobile-full.png', fullPage: true });
await page.locator('main').screenshot({ path: 'main-element.png' });
await browser.close();

Use a viewport-only call for the initial screen, fullPage: true for the scrollable page, and a locator for one component. In production checks, add an explicit wait for the content that matters rather than relying only on network idle; analytics or long-polling requests can prevent that state from occurring.

Rank #3
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.

Make automated results reproducible

  • Use a fixed viewport, device scale factor, locale, timezone and color scheme.
  • Wait for a stable selector and web fonts before taking the image.
  • Disable animations or wait for them to finish if pixel comparisons are required.
  • Keep authentication, cookies and test data consistent between runs.
  • Save the URL, viewport and timestamp beside each image so a later reviewer can reproduce it.

Common problems and fixes

The image is desktop-sized

Device Mode may be off, or the screenshot command may have targeted the browser window instead of the emulated viewport. Turn on Toggle device toolbar, verify the width in Dimensions, then capture from the DevTools menu.

Only the top of the page appears

You used the viewport command. Use Capture a full size screenshot, Firefox’s entire-page option or Playwright’s fullPage: true.

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

Images or cards are missing

They may be lazy-loaded. Scroll through the emulated page before capturing, wait for the relevant selector, and confirm that the request was not blocked. A consent dialog, login wall or bot check can also prevent the expected content from rendering.

The layout changes at a nearby width

Responsive breakpoints are threshold-based. Enter the exact width you need instead of dragging approximately, and record whether the width includes the browser’s emulated viewport rather than desktop window chrome.

Touch behavior does not match a phone

Enable touch and mobile device settings, but treat the result as an approximation. Verify gestures, virtual keyboards, permissions and sensor-dependent features on actual hardware.

Rank #4
Sale
Samsung Galaxy A17 5G Smart Phone 128GB, US 1 Yr Manufacturer Warranty Blue
  • 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.

Playwright hangs while waiting

networkidle may never be reached on pages with analytics, streams or polling. Navigate with domcontentloaded, then wait for a specific selector or a bounded timeout. Capture a diagnostic screenshot and console log when a test fails.

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

Or skip the browser setup

ScreenshotNeo provides a website screenshot API and MCP server. One GET request returns PNG, JPEG, WebP or a PDF, and its options cover full-page captures with lazy images loaded, CSS-selector element shots, dark mode, device presets or custom viewports, retina scale, waits, custom CSS and JavaScript, clicks, hidden selectors, blocked resources, headers, cookies, user agents, timezone, geolocation, transparent backgrounds, resizing, caching, signed links, asynchronous webhooks and bulk capture of up to 100 URLs per call.

The simplest request 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 API documentation for parameters and response details. Equivalent Python:

import requests
r = requests.get("https://api.screenshotneo.com/v1/shot", params={"access_key": "YOUR_API_KEY", "url": "https://stripe.com"}, timeout=90)
r.raise_for_status()
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}`);
if (!res.ok) throw new Error(`HTTP ${res.status}`);
const fs = await import('node:fs/promises');
await fs.writeFile('shot.webp', Buffer.from(await res.arrayBuffer()));

ScreenshotNeo accepts consent banners before capture and removes more than 60 known consent platforms, newsletter popups and chat widgets; each cleanup step can be disabled. Bot checks or CAPTCHAs, blank pages, timeouts, failed loads and cache hits cost nothing, and response headers identify the page verdict and whether the shot was billed. Its MCP server exposes take_screenshot, get_page_info and capture_pdf to 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; yearly billing gives two months free, and every feature is available on every plan. Create a free ScreenshotNeo account to try it.

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

Performance, reliability and cost decisions

Manual DevTools and Firefox captures have no service quota, but they require a person and are harder to reproduce exactly. Playwright is repeatable and can run in CI, yet you must maintain browser binaries, authentication and timing controls. A hosted API removes that browser setup and is useful for scheduled or bulk jobs.

Best Value
Tracfone Motorola Moto G 2025, 64GB, Saphire Blue (Locked to
  • 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.

For any method, reduce surprises by choosing the smallest useful viewport, waiting only for required content, avoiding unnecessary full-page images and keeping a record of settings. With ScreenshotNeo, caching can be configured with a TTL, while verdict and billing headers let a job distinguish a clean billed capture from a failed or free response.

FAQ

Can I take a mobile screenshot without owning a phone?

Yes. Chrome DevTools, Firefox Responsive Design Mode and Playwright emulate phone-sized conditions on a desktop. Use a physical phone when the behavior depends on real hardware.

What width should I choose?

Choose the width tied to your question or breakpoint. Common Chrome presets are 320, 375 and 425 pixels for Mobile S, M and L, but none represents every handset.

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.

Should I use a full-page screenshot for mobile?

Use it when content below the fold matters. For visual review, a viewport shot or targeted element captures may be easier to inspect.

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.

Read next

Recommended PC Tool
Recommended PC Tool
PC Slower Than It Used to Be?Free scan - under a minute
Crashes, No Sound, or Screen Glitches?Free driver 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.