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.

Use Playwright to open one URL in a fresh browser context for each mobile profile or viewport size, then save a screenshot for each run. Set the viewport before navigating so the page renders at the intended dimensions from the start. The example below captures the same page at several sizes and names each image with its dimensions.

Choose device profiles or viewport sizes

Start with the screen sizes your site needs to support or the widths relevant to a responsive review. A viewport-only test is suitable for checking layout at specific dimensions. When mobile-specific behavior matters, use a device profile: Playwright device settings can include viewport, screen size, user agent, device scale factor, mobile behavior, and touch support. A width by itself does not emulate all of those settings.

Playwright describes its device emulation as a way to test across browsers and emulate a real device; emulation is not a guarantee that every behavior will match a physical phone. See Playwright’s emulation documentation.

Capture the same URL at multiple sizes with Playwright

Install Playwright and its Chromium browser, then save this as capture-sizes.js. It creates a new context for each size, sets the viewport before navigation, waits for the page to load, and saves a viewport screenshot. Replace the example URL with the page you want to inspect.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
#1 Best Overall
Yojaro 4Pack Silicone Suction Phone Case Mount, Silicon Adhesive Smartphones Stand Sticky, Hands-Free Phone Accessories Holder for Selfies and Videos (Black & White & Translucent & Light Pink)
  • 【Strong Adsorption】The inspiration of the silicone phone suction case comes from the adhesive force of the octopus. Each suction cup phone mount is 3.15 inches long and 2.17 inches wide, with 24 independent suction cups providing a stronger and more stable suction force, so you don't have to worry about your phone falling during use.
  • 【Back of Phone Suction Grip】Remove the adhesive film on the phone suction cup and stick it on the phone case. You can then fix the phone on any smooth surface, which is very convenient. (The phone suction cup cannot be removed and reused after being attached to the phone case. It is recommended to attach it to a regular phone case, not a valuable one.)
  • 【Widely Used】Our non-slip silicone phone sticky grip mount attaches to almost any flat phone case and make it compatible with common mobile phones such as iPhone and Android.You can shoot, watch videos or video calls in the kitchen, gym, dance studio, bathroom and other places.
  • 【Capture the Wonderful Picture】Whether you are a TikTok creator or just like to share videos and photos, this phone suction cup can help you hands-free capture wonderful videos and photos for sharing with friends.
  • 【Note】You can fix the phone suction cup on a smooth surface such as a mirror or glass. If necessary, wipe the suction cup with a damp cloth to obtain stronger suction. Before releasing your hand, make sure the phone is firmly fixed. (Not applicable to rough walls, wooden surfaces, and other uneven surfaces)
const { chromium } = require('playwright');

(async () => {
  const url = 'https://example.com';
  const sizes = [
    { width: 320, height: 740 },
    { width: 375, height: 812 },
    { width: 390, height: 844 },
    { width: 430, height: 932 },
  ];

  const browser = await chromium.launch({ headless: true });

  try {
    for (const size of sizes) {
      const context = await browser.newContext({ viewport: size });
      const page = await context.newPage();

      await page.goto(url, { waitUntil: 'networkidle', timeout: 60000 });
      await page.screenshot({
        path: `shot-${size.width}x${size.height}.png`,
        fullPage: false,
      });

      await context.close();
    }
  } finally {
    await browser.close();
  }
})();

Run it with node capture-sizes.js. The output files are named shot-320x740.png, shot-375x812.png, and so on. This example uses explicit viewport dimensions rather than claiming to reproduce particular phone models.

Use device profiles when mobile behavior matters

For a profile-based capture, import Playwright’s device descriptors and use the desired profile to create the context. For example, a profile can provide device-specific settings such as touch support and user agent in addition to dimensions:

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

(async () => {
  const browser = await chromium.launch({ headless: true });
  const profile = devices['iPhone 13'];
  const context = await browser.newContext({ ...profile });
  const page = await context.newPage();

  await page.goto('https://example.com', {
    waitUntil: 'networkidle',
    timeout: 60000,
  });
  await page.screenshot({ path: 'shot-iphone-profile.png' });

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

Use a profile name available in the installed Playwright version. If your test needs a custom size or scale factor, set or override those values explicitly. The Playwright Page API documentation explains viewport configuration and screenshot options.

Rank #2
Apple EarPods Headphones with USB-C Plug, Wired Ear Buds with Built-in Remote to Control Music, Phone Calls, and Volume
  • SUPERIOR COMFORT — Unlike traditional circular ear buds, the design of EarPods is defined by the geometry of the ear. Which makes them more comfortable for more people than any other ear bud–style headphones.
  • HIGH-QUALITY AUDIO — The speakers inside EarPods have been engineered to maximize sound output and minimize sound loss, which means you get high-quality audio.
  • BUILT-IN REMOTE — EarPods with USB-C plug also include a built-in remote that lets you adjust the volume, control the playback of music and video, and answer or end calls with a pinch of the cord.
  • COMPATIBILITY — Works with all devices that have a USB-C port.
  • INTEGRATED MICROPHONE — A built-in microphone precisely captures your voice while you’re on the phone, taking a FaceTime call, or summoning Siri — so you’re always heard loud and clear.

Choose viewport or full-page screenshots

The sample saves only the visible viewport, which is useful for comparing the initial screen at each size. Set fullPage: true when the review needs the entire scrollable page; full-page images can be much taller and are not a substitute for checking the visible mobile viewport. Playwright documents both capture modes in its screenshot API.

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

Make captures repeatable

  • Set the viewport before navigation, especially if the site changes layout during its initial render.
  • Wait for application-specific content to settle. networkidle is a reasonable starting point, but some sites keep network requests active; in those cases wait for a meaningful selector or a known delay instead.
  • Use the same browser version, operating environment, headless mode, and relevant settings when generating and reviewing baselines. Playwright notes that screenshots can vary with the host OS, browser settings, hardware, headless mode, and other environment factors.
  • Use filenames containing dimensions or profile names so each output can be identified and compared.

For automated regression checks, Playwright Test supports screenshot assertions. Its visual comparisons documentation covers the factors that can affect comparisons.

Pick a workflow for the kind of review you need

Need Practical fit Trade-off
Repeatable captures in local development or CI Playwright Script device or viewport settings and save screenshots; use Playwright Test for screenshot assertions.
Interactive review of several responsive sizes BrowserStack Responsive Testing Its documentation describes preset or custom resolutions, side-by-side views, and screenshot capture for an individual device or all displayed devices.
Responsive visual regression snapshots Percy Percy supports responsive snapshots at multiple widths; each responsive width counts as a separate screenshot against monthly usage.

BrowserStack’s Responsive Testing documentation describes its interactive workflow. Percy’s responsive testing documentation explains responsive widths and usage accounting. If the page’s DOM changes with its viewport, Percy advises configuring responsive DOM snapshots and taking snapshots at varying widths; use unique snapshot names. See Percy’s responsive DOM snapshot documentation. Check the relevant service’s current plan terms before relying on a usage allowance.

Rank #3
PopSockets Adhesive Phone Grip, Holder- Black
  • Secure Hold: Our PopSockets adhesive phone grip gives your cell phone a secure, comfortable hold in hand to help prevent drops while texting, taking photos, or scrolling on the go. Designed to stick firmly to most phone cases and devices.
  • Hands-Free Made Easy: Easily turn your PopSocket into a phone stand to prop up your phone anywhere, perfect for watching videos, video calls, or following recipes. A must-have phone holder that keeps your device secure and ready for anything.
  • Compatibility: Works with all phones, tablets, and Kindles. Sticks best to smooth, hard plastic cases and may not adhere to silicone or textured cases. Easily swap your PopTop to change up your style.
  • Black PopSockets: Simple, refined, and endlessly versatile. A timeless essential for any phone.
  • Travel Must-Have for People On the Go: A must-have travel accessory for flights, flying, airports, air travel, airplanes, planes, international trips, cruises, and long travel days. Key gadget for your airport haul, travel accessories and must-haves.

Or skip the browser setup

For a single capture, ScreenshotNeo accepts a URL in one API request and returns an image or PDF. This example requests a WebP screenshot; see the ScreenshotNeo API documentation for options.

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

ScreenshotNeo removes cookie banners, newsletter popups, and chat widgets before capture; bot checks, blank pages, and failed loads are not billed. Its MCP server lets AI agents take screenshots. The free plan includes 1,000 screenshots a month with no card, and paid plans start at $5 for 3,000.

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

Learn about ScreenshotNeo or sign up for 1,000 free screenshots a month, with no card required.

Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Troubleshooting

The output has the wrong layout

Confirm that the intended width and height were passed as the context viewport before navigation. If the layout depends on mobile user-agent or touch behavior, use a device profile rather than changing width alone.

Rank #4
360° Rotating Stainless Steel Phone Tether Tab (Silvery 3-Pack) - Universal for iPhone & Other Phones (Fits Wristbands/Necklaces/Crossbody Straps)
  • [360 ° Flexible Rotation Design] Comes with a rotatable lanyard ring that supports 360 ° free rotation, effectively solving the problem of twisted and tangled lanyards
  • [Wide compatibility] The ultra-thin 0.02-inch design does not block the charging port at all, and both wired and wireless charging can be used directly without removing the pad. Compatible with most smartphones such as iPhone, compatible with various wristbands, lanyards, crossbody straps, and keychains
  • [Durable and Portable Material] Premium rust-resistant stainless steel material with good flexibility, which not only avoids scratching the phone case, but also has excellent anti rust and anti fading performance
  • [Multi scenario Practical] Paired with a lanyard or wristband, hands-free use can be achieved. The phone is within reach and not easily dropped, ideal for daily commuting and outdoor activities. Suitable for full coverage phone cases, does not support half coverage phone cases
  • [Quality Service] If you find any damage or other issues with the product upon receipt, please contact us immediately. We will handle it quickly

The page is blank or missing content

Check whether the page requires authentication, consent, or client-side rendering. Replace the generic load condition with a wait for a selector that indicates the relevant content has appeared. A persistent background request can also prevent networkidle from resolving; use a more specific wait instead.

Captures differ between runs

Keep the browser and host environment consistent, and allow dynamic content such as animations or changing data to settle or be controlled before comparing screenshots. A baseline created under a different OS, browser configuration, or headless mode may differ even when the page code has not changed.

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

The screenshot is too tall or cuts off the page

Set fullPage: true to capture the scrollable page. Keep it false when the test is specifically about what a visitor sees in the initial viewport.

Best Value
Anteel 2 Pack Silicone Suction Cup Phone Case Mount Double Sided, Hands-Free Silicon Phone Grip with Higher Suction Power for Selfies and Videos, Non Slip Phone Accessories (LightPink&White)
  • 【PKYAA Double Sided Silicone Suction Phone Case Mount】PKYAA With Double Sided 40 Strong and Reliable individual suction cups, PKYAA provides a thicken and upgraded universal silicon suction mount for your phone.
  • 【Friendly to Content Creators】If you are a content creator or an online influencer, you can create videos anywhere with this suction mount completely hands free with this silicone cell phone mount for cases.
  • 【HANDS-FREE & Adhere to Mirrors】This Double Sided silicone suction phone case mount allows you to stick your phone to the mirror easily. No longer holding your phone in one hand to watch video tutorials while making up.
  • 【Strong Grip on the Smooth Surface】You can easily hang your phone anywhere with a smooth surface. All you do is you clean off your phone and smooth surface. It is STURDY and it not only sticks to mirrors, it also sticks to windows, it sticks to refrigerators, tiles and other clean, flat surfaces.
  • 【Press Down Firmly Every 30 Minutes】Use your palm or fingers to press the phone down firmly and check it's secure before letting go. Apply even pressure for a few seconds to allow the suction cup to adhere properly. To maintain the grip and prevent accidental falls, it's a good practice to periodically reapply pressure to the suction cup.

The browser does not launch

Install the browser binaries for the Playwright package in the environment running the script, and make sure that environment allows the browser process to start. If running in CI, use the same supported browser setup for both baseline creation and later comparisons.

Frequently asked questions

Can I use this to prove a site works on every real phone?

No. Automated browser emulation is useful for repeatable responsive checks, but it does not establish that every device-specific hardware or browser behavior matches a physical phone. Use real-device testing when that distinction is material.

Does Percy count multiple responsive widths as one screenshot?

No. Percy states that each responsive width counts as a separate screenshot against monthly usage.

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

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.