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 DealsSlow PC?RecommendedPC slow today? Run a repair scan before it gets worseResolve common Windows issues and optimize system performance.Scan Now×
Skip to content
Chrome DevTools

How to Capture a Mobile Website Screenshot Online

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

You can capture a website at mobile dimensions from a desktop without a phone. In Chrome, use DevTools Device Mode and choose either Capture screenshot for the visible viewport or Capture a full size screenshot for the whole page. Safari users can preview a mobile-sized layout in Responsive Design Mode. Both are simulations, not proof of how a particular phone will render or behave.

Choose the right kind of mobile screenshot

“Mobile screenshot” can mean two different capture areas: the part of the page currently visible inside a simulated phone viewport, or the entire page from top to bottom. Decide which you need before capturing. A viewport image is useful for checking a specific screen or sharing a first impression; a full-page image includes content below the fold.

Also decide whether you need a visual preview or a real-device test. Desktop browser tools can help inspect responsive layouts, but they do not reproduce every aspect of a phone, such as touch interaction, browser chrome, or device-specific behavior.

Capture a mobile website screenshot in Chrome

Chrome DevTools Device Mode lets you set a mobile viewport and capture either the visible area or a full-size page image. The menu labels and workflow below follow Google’s Device Mode documentation.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
#1 Best Overall
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.
  1. Open the page in Chrome. Navigate to the website you want to capture. Device Mode is for pages open in the desktop browser, including a page served from a local development environment.
  2. Open DevTools. Use Chrome’s menu at ⋮ > More tools > Developer tools, or the keyboard shortcut for DevTools on your operating system.
  3. Turn on the device toolbar. In DevTools, click the Toggle device toolbar button. The page appears in a responsive viewport.
  4. Set the viewport. Choose a device preset from the toolbar or select Responsive and enter the width and height you want. A preset is a convenient starting point; custom dimensions are useful when you need to match a particular layout breakpoint.
  5. Refresh if the page does not adapt. Some pages choose layout or content when first loaded. If the page still looks like its desktop version after changing the viewport, reload it with Device Mode active.
  6. Choose the capture area. Open the DevTools More options menu and select Capture screenshot for the currently visible viewport, or Capture a full size screenshot for the full page. Chrome downloads the resulting image.

To add a device frame to a device-specific capture, enable Show device frame before taking the screenshot. A frame can make an image suitable for a presentation, but it does not make the page rendering more like a real phone.

Viewport capture or full-page capture?

  • Use Capture screenshot when you want the displayed mobile screen only. Scroll to the relevant section first if you want a particular portion of the page.
  • Use Capture a full size screenshot when the image must show content extending below the viewport. This produces a taller page image, not a series of separate phone screens.

If you need to document several distinct states—such as a menu open and closed—capture each state separately. A single screenshot records only what is visible at the time of capture.

Capture a mobile-sized preview in Safari

On a Mac using Safari, Responsive Design Mode provides viewport presets, editable dimensions, and rotation controls. Apple describes the mode and its limitations in its Responsive Design Mode documentation.

Rank #2
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.
  1. Show the Develop menu if necessary. In Safari settings, enable the Develop menu, then return to the page you want to inspect.
  2. Enter Responsive Design Mode. Choose Develop > Enter Responsive Design Mode.
  3. Choose or edit a viewport. Select a preset or set the preview dimensions yourself. Rotate the preview to inspect a landscape layout.
  4. Capture the preview. Use macOS screenshot controls to save the visible Safari preview. This is a viewport image; do not mistake it for a full-page capture.

Apple cautions that presets approximate screen sizes rather than reproducing the exact layout, rendering, and behavior of a device. Address bars, on-screen keyboards, and device-specific form behavior can affect what a person sees. For a closer preview, Apple points to Simulator; for behavior that matters on actual hardware, test on a real device.

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

Use an online service when you want a URL-based capture

A hosted screenshot service can take a public URL and return an image at a chosen mobile size, which is useful when you do not want to open developer tools or need a repeatable capture workflow. Treat the result as a rendered snapshot at selected dimensions, not as a test of touch behavior or a guarantee of how every phone browser will display the page.

For a hosted website screenshot API, ScreenshotNeo is the first option to consider: it removes known consent banners, newsletter popups, and chat widgets before capture, and bills only clean shots. It also has an MCP server for AI agents and a free monthly plan.

Method How you set the mobile view Capture scope and useful distinction
Chrome DevTools Device Mode Choose a preset or set responsive dimensions. Chrome documents both visible-viewport and full-size screenshot commands; it is a desktop simulation.
Safari Responsive Design Mode Choose a preset, edit dimensions, or rotate the preview. Useful for previewing in Safari; Apple says the preset is not an exact reproduction of device behavior.
ScreenshotNeo Send a URL to its API; its screenshot options include device presets and custom viewports. Returns a screenshot or PDF; its API includes options for full-page capture. Details: ScreenshotNeo documentation.
Tallpage Enter a URL and select a mobile size on its service. Tallpage says its output does not emulate mobile Safari, a particular iPhone model, touch events, mobile User-Agent behavior, or a high-density device screen: Tallpage’s service page. These are the service’s stated limitations, not independent test findings.

Before sending a URL to a hosted service, consider whether the page is public and whether you are comfortable submitting it to that provider. The handling of private or access-controlled URLs is not established for every service; do not assume a tool can access such a page or that its data handling meets your requirements.

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

Or skip the browser setup

ScreenshotNeo takes a URL through one API request. This cURL example saves a WebP capture at a mobile viewport; change the URL or add options such as a device preset or full-page capture as described in the API documentation.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webp

The same endpoint can be called from Python or Node.js:

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)
const q = new URLSearchParams({ access_key: 'YOUR_API_KEY', url: 'https://stripe.com' });
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);
  • Consent banners, newsletter popups, and chat widgets are removed before the shot; each cleanup step can be disabled.
  • Bot checks or CAPTCHAs, blank pages, timeouts, failed loads, and cache hits are not billed. Response headers report the page verdict and billing status.
  • An 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 screenshots per month with no card; paid plans start at $5 for 3,000 screenshots.

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

Rank #4
Sale
Samsung Galaxy S26 Ultra, Unlocked Android Smartphone, 512GB, Black
  • PRIVACY DISPLAY: Automatically hide your screen from those beside you. The built-in privacy display can be preset¹ to turn on when receiving notifications, typing passwords, or using specific apps
  • TYPE IT IN. TRANSFORM IT FAST: Enhance any shot in seconds on your smartphone by using Photo Assist² with Galaxy AI.³ Add objects, restore details, or apply new styles by simply typing or tapping
  • NIGHTS, CAPTURED CLEARLY: From gigs to city lights, record and capture moments after dark with clarity using Nightography so your photos and videos stay crisp and clear on your Samsung Galaxy
  • MAKE IT. EDIT IT. SHARE IT: Turn everyday moments into something personal with creative tools built right into your mobile phone, whether it’s a special contact photo, custom wallpaper, an invitation or more⁴
  • HELP THAT KEEPS UP: Stay in the moment while Now Nudge with Galaxy AI helps you respond faster and stay organized with smart suggestions⁵ that appear exactly when you need them on your phone
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

What a simulated mobile screenshot can and cannot tell you

Chrome describes Device Mode as an approximation of the mobile experience, not a browser running on a phone. Safari’s responsive presets likewise do not exactly reproduce device layout, rendering, or behavior. They are practical for checking how a page responds to dimensions, but a screenshot alone cannot establish that the site works correctly on a specific phone.

  • For layout checks: inspect the relevant width and height, rotate the preview where supported, and capture the exact state you want to review.
  • For Safari-specific questions: preview in Safari, then use Simulator or a real device when the distinction matters.
  • For touch, browser UI, keyboard, or device-specific behavior: test on the relevant phone or simulator rather than treating a desktop capture as proof.
  • For repeated or unattended captures: consider a hosted workflow, while checking its fidelity limits and URL privacy before submitting pages.

Troubleshooting common capture problems

The page still looks like desktop

Make sure the device toolbar is on and check the displayed viewport dimensions. Reload with Device Mode active if the site selected its layout on initial load. Some sites require a particular viewport width before their mobile layout appears.

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.

The screenshot cuts off the page

You likely captured only the current viewport. In Chrome, reopen DevTools More options and select Capture a full size screenshot. In Safari, Responsive Design Mode is a preview; use an appropriate full-page capture method if you need the whole document.

Best Value
Tracfone Moto g Play 2024 Prepaid Phone with a 1-Yr Plan Included
  • Carrier: This phone is locked to Tracfone, which means this device can only be used on the Tracfone wireless network. Activating is easy, just 3 steps.
  • ACTIVATION Promotion: Includes 1500 min, 1500 texts & 1500 MB Data + add more as you need it
  • CAMERA SYSTEM: 50MP Quad Pixel camera. Capture sharper, more vibrant photos day or night with 4x the light sensitivity.
  • PERFORMANCE: Blazing-fast Qualcomm performance. Get the speed you need for great entertainment with a Snapdragon 680 processor and 4GB of RAM.
  • 64GB built-in storage. Get plenty of room for photos, movies, songs, and apps. Made for US

The image looks different from a phone

That difference is expected: a desktop simulation is an approximation. Check the page on the target phone or in Simulator for browser-specific rendering, and test interactions directly for touch or keyboard behavior.

The page changes after capture or looks incomplete

Dynamic pages may load content after the initial render. Wait for the content you need to appear, then capture again. If you use a hosted service, check its documented wait controls and load behavior rather than assuming it captures after every page script has finished.

A hosted service cannot capture the page

Check that the URL is reachable to the service and that the page does not require access the service has not been configured to provide. For private pages, use a workflow whose access and data handling you have verified; service behavior for protected URLs should not be assumed.

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

Quick Recap

Which method should you use?

  • One-off capture from a desktop: use the browser already open. Chrome is the straightforward choice when you need both viewport and full-page screenshots.
  • Safari layout preview: use Responsive Design Mode, with Simulator or actual hardware for questions where fidelity matters.
  • URL-based, repeatable capture: evaluate a hosted screenshot tool. ScreenshotNeo is the recommended API option here for its cleanup of consent elements and billing only for clean shots; use browser or device testing when you need to verify real mobile behavior.

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
Outdated Drivers Are Slowing You DownFree scan - exact matches
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.