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

iTechGuides is reader-supported. When you buy through links on our site, we may earn an affiliate commission. As an Amazon Associate I earn from qualifying purchases. Learn more

For a screenshot of an Ionic, Cordova, or PhoneGap app, run the app in the Android Emulator or iOS Simulator and capture the rendered device screen there. Use Android Emulator’s Take screenshot control or adb for Android; on Apple platforms use Simulator’s File > Save Screen Shot, xcrun simctl, or Xcode Device Hub. If the layout is wrong, inspect the app’s WebView first, then capture the corrected screen. A website screenshot API is useful for a hosted web version, but it does not replace a native emulator or device capture.

Choose the capture method that matches what you need to show

The right capture depends on whether you need a repeatable development screenshot, a view of actual device hardware, or an image saved by the app itself. Emulator and simulator captures are usually quickest to reproduce. A physical phone is the better check for hardware-specific rendering, operating-system chrome, safe areas, font appearance, and WebView behavior that a simulator may not reproduce.

Method Best for What to keep in mind
Android Emulator toolbar or command line Repeatable Android screenshots and scripted captures The result represents the emulator profile, not proof of physical-device rendering.
iOS Simulator or simctl Repeatable Apple simulator screenshots Simulator appearance can differ from hardware.
Xcode Device Hub Full-resolution capture from a simulated or physical Apple device Requires Xcode and Apple tooling.
Chrome DevTools or Safari Web Inspector Diagnosing a WebView layout before taking the final image Inspection is a debugging step, not the final screenshot capture.
Cordova screenshot plugin An app feature that saves its current screen to the phone Validate compatibility, output format, and behavior on each target.

Prepare a reproducible app state

A screenshot is only useful for comparison when the app and its display conditions are known. Build the commit and configuration you intend to document, navigate to the same route and state, and set the device profile and orientation before capturing. Where possible, remove transient loading indicators, animations, blinking carets, random data, and time-dependent content from the view.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
  • Record the platform, OS version, emulator or simulator device profile, orientation, scale, and build configuration alongside the image.
  • For responsive Ionic layouts, capture each relevant breakpoint or size class rather than assuming one device represents them all.
  • Use a stable route and test account or fixture data when the page depends on login or backend state.
  • Use live reload only if the simulator or device can reach the development server; a failed connection can make the result differ from the intended build.

Build and deploy with Ionic and Cordova

The Ionic Cordova commands provide a consistent route from web assets to a native simulator or device. The emulate command builds web assets, prepares the Cordova project, and invokes the platform’s native tooling. CLI flags can vary with the installed Ionic version, so check the help output for the version used by the project if a flag is rejected.

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

Run in an emulator or simulator

  1. From the project directory, run ionic cordova emulate android or ionic cordova emulate ios.
  2. If multiple targets are available, list them with ionic cordova emulate android --list or ionic cordova emulate ios --list, then select a target with --target, for example ionic cordova emulate android --target=<target-name>.
  3. For a development session, add --livereload only when the target can access the development server: ionic cordova emulate android --livereload.

Build for a physical device

For a device build, use the relevant platform with the device option, such as ionic cordova build android --device or ionic cordova build ios --device. Deploy using the project’s normal device run workflow, then navigate to the exact screen you want. A physical-device screenshot is particularly useful when validating safe-area insets, real system bars, text rendering, or a platform-specific WebView issue.

Capture an Android screen

Use Android Studio Emulator

  1. Launch the app in the intended Android Emulator profile and navigate to the target state.
  2. Click Take screenshot in the Emulator toolbar.
  3. Review the image, then copy or save it. The documented default filename format is Screenshot_yyyymmdd-hhmmss.png.

Automate with the Emulator command line

Android Emulator documentation also lists these screenshot commands:

  • screenrecord screenshot [destination-directory]
  • adb emu screenrecord screenshot [destination-directory]

The emulator writes a timestamped PNG by default. Supply a destination directory when you want the output stored in a known location; use the syntax supported by the installed emulator and Android tooling.

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.

Capture from a physical Android device

After deploying the app, use the device’s operating-system screenshot gesture or an available device capture command. For layout diagnosis, connect the phone to a computer with USB debugging enabled and inspect its WebView through Chrome DevTools. Connector type depends on the phone, so use a compatible data cable if the device’s USB connection is required.

Capture an iOS screen

Save from Simulator

  1. Start the app in the intended iOS Simulator and navigate to the screen.
  2. Choose File > Save Screen Shot.
  3. Use the saved image from the Mac desktop.

Capture from a script

With the intended simulator booted, run this in Terminal, substituting a destination filename:

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.

xcrun simctl io booted screenshot ionic-screen.png

The booted target refers to a booted simulator. If multiple simulators are involved, make sure the intended device is the one targeted before capturing.

Use Xcode Device Hub for simulated or physical Apple devices

  1. Run the app on the simulated or physical device in Device Hub.
  2. Navigate to the target layout.
  3. Click the Screenshot button below the device canvas.
  4. Find the resulting capture on the Mac desktop.

Apple documents Device Hub captures at the full resolution of the simulated or physical device. This makes it useful when the required artifact should reflect device resolution rather than a browser viewport.

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

Inspect the WebView when the layout is wrong

Do not try to fix a CSS or viewport issue by repeatedly recapturing the same broken screen. Inspect the rendered WebView, identify the geometry or style difference, make the correction, then capture again.

Android: Chrome DevTools

  1. Enable WebView debugging in the app’s native Android code.
  2. Connect the device or run the app in the emulator with Chrome available on the development computer.
  3. Open chrome://inspect in Chrome.
  4. Find the app’s debug-enabled WebView and click Inspect.

DevTools can inspect the WebView much like a remote browser tab. Check viewport dimensions, media-query matches, safe-area handling, computed styles, and the DOM before deciding whether the mismatch comes from CSS or the emulator/device configuration.

iOS and iPadOS: Safari Web Inspector

Booted simulators appear in Safari’s Develop menu automatically. For a physical device, enable Settings > Apps > Safari > Advanced > Web Inspector, connect or pair it with the Mac, then select the app’s inspectable content from Safari’s Develop menu. Inspection setup is separate from taking the screenshot; use Simulator, Device Hub, or the device’s capture method for the final image.

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.

Save a screenshot from inside a Cordova or PhoneGap app

If the requirement is for the app to save its own current screen, rather than for a developer to document a build from the outside, a Cordova screenshot plugin is a separate option. The cordova-plugin-screenshot project documents installation through the Cordova CLI and a method to capture the current screen to the phone. Its documented notes say iOS supports JPG only and Android uses the default WebView.

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.

Do not assume plugin output is interchangeable with an emulator screenshot. Validate the plugin on the exact Cordova and WebView versions, Android storage behavior, iOS version, device, and output quality in your project. Platform behavior and compatibility can change independently of the app’s web code.

Or skip the browser setup

For a hosted Ionic web route, ScreenshotNeo can capture the URL without setting up a browser automation stack. It is a website screenshot API and MCP server, not a replacement for an Android or iOS native-device capture; use the emulator, simulator, or Device Hub when you need native chrome or a specific installed-app state.

For the hosted web page, this cURL request saves a WebP screenshot:

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

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

Replace https://example.com/ionic-route with the publicly reachable URL to capture and provide your ScreenshotNeo access key. See the ScreenshotNeo API documentation for supported parameters and response details.

  • Cookie and consent banners are accepted and removed before capture; newsletter popups and chat widgets are also removed. Each cleanup step can be turned off.
  • Bot checks or CAPTCHAs, blank pages, timeouts, failed loads, and cache hits are not billed; response headers identify the page verdict and billing status.
  • An MCP server gives AI agents tools including take_screenshot, get_page_info, and capture_pdf.
  • The free plan includes 1,000 screenshots per month with no card; paid plans start at $5 for 3,000 screenshots.

Sign up for ScreenshotNeo’s free plan to try it with 1,000 screenshots a month and no card.

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

Troubleshoot common capture problems

The screenshot is blank or shows a loading screen

  • Confirm the app has finished loading the intended route before capture; a screenshot records the screen at the instant it is taken.
  • For live reload, check that the target can reach the development server. Otherwise build and deploy the app without relying on that server.
  • For a hosted web route, confirm it loads in a normal browser and does not require a local-only hostname or session unavailable to the capture service.

The layout differs between simulator and phone

  • Compare the device profile, orientation, OS version, font scaling, viewport, and safe-area behavior.
  • Inspect the WebView on the affected target, then capture that physical target if hardware rendering is the issue under investigation.
  • Do not treat a simulator image as proof of how every physical device renders the app.

The Ionic command rejects a flag or target

Check ionic cordova emulate --help and the platform-specific command help for the installed CLI version. Use --list to see available targets, then select a listed target with --target. A target identifier from another machine or emulator configuration may not exist locally.

Chrome does not show the Android WebView

Verify that WebView debugging is enabled by the native app, that the app is running, and that the device or emulator is connected to the development computer. Then reload chrome://inspect and check for a debug-enabled WebView.

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

The iOS app does not appear in Safari’s Develop menu

Boot the simulator, or on a physical device enable Web Inspector in Safari’s Advanced settings and connect or pair it with the Mac. Select the app’s inspectable content after it appears.

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 Cordova plugin’s image format or saved file is unsuitable

Check the plugin’s platform-specific behavior on the exact target. The project documents JPG-only support on iOS and default-WebView use on Android; confirm storage permissions and file handling against the app’s current OS and plugin versions.

Keep capture performance and reliability predictable

For repeated documentation or regression captures, prefer a stable emulator or simulator profile, a deterministic route, and a fixed orientation. Scriptable capture with adb or simctl reduces manual variation, but does not eliminate differences caused by app state, OS version, fonts, or device configuration. Save the screenshot with its build and device metadata so a later comparison can reproduce the same conditions.

There is no documented comparative success rate or image-quality score for these methods. Choose based on the artifact needed: native-device evidence calls for emulator, simulator, Device Hub, or physical-device capture; WebView diagnosis calls for remote inspection; app-triggered saving calls for a validated plugin; hosted web-page capture can use an API.

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

Frequently Asked Questions

Can I capture a PhoneGap screen using the same workflow as Cordova?

PhoneGap is based on Cordova-style projects, but plugin compatibility depends on the project’s actual platform and WebView versions. Validate any in-app screenshot plugin against those versions before relying on it.

Will a simulator screenshot include the phone’s physical bezel?

The documented capture paths save the device display image; they do not establish that a physical bezel is included. If the deliverable specifically needs a photo of the hardware, use a camera rather than a screen-capture command.

Can a website screenshot API capture an installed app’s private screen?

No. A website screenshot API captures a reachable web URL; it cannot reproduce an app’s native installed state, private session, or device chrome unless those are exposed as a web page.

Quick Recap

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.