Test Any Website on 96 Phone, Tablet and Desktop Viewports
Transform any Chrome tab into a responsive testing suite. Preview live sites inside photorealistic device chassis, verify touch interactions and keyboard shifts, synchronize multi-screen viewports, and run quick accessibility checks.
- 96 real device profiles
- Screenshots, recording and batch capture
- Runs in your browser, no account
96 ready-made device profiles
From compact smartwatches and classic smartphones to the latest foldables, tablets, and 4K desktop screens. Each profile includes accurate viewport sizing and pixel ratios.
31
iPhones
iPhone 5 through iPhone 17 Pro Max, plus iPhone SE, X, XR and iPhone Air.
32
Android phones
Galaxy S10 to S26 Ultra, Pixel 5 to Pixel 10 Pro, Xiaomi, OPPO, OnePlus, Huawei, Infinix and Zebra rugged handhelds.
7
Foldables
Galaxy Z Fold 2, Z Fold6, Z Flip3 and Z Flip6, Pixel 9 Pro Fold, Pixel 10 Fold and Motorola Razr 70 Ultra.
11
Tablets
iPad, iPad mini, iPad Air, iPad Pro 11" and 13" M4, Galaxy Tab S7 and S9 Ultra, Surface Pro 11 and Surface Duo.
11
Laptops and desktops
MacBook Air, MacBook Pro 14" and 16", iMac 24", Dell Latitude, and 1080p, 2K QHD and 4K UHD desktop widths.
3
Specialty screens
A Samsung smart TV, a self-service kiosk and a Sonoff NSPanel Pro wall panel.
1
Smartwatch
Apple Watch Series 6 (40 mm), for the smallest viewport you are likely to meet.
What each device profile carries:
- Viewport size
- Device pixel ratio (DPR)
- User-agent string
- OS name and version
- Notch & Dynamic Island geometry
- Safe-area insets
- Network type
- Photorealistic frame
Custom Device Viewports
Add a custom device with its own name, viewport, pixel ratio, OS, network type and user-agent string. Star favorite devices to access them immediately.
Real mobile behavior, not just a resized window
Responsive testing needs more than changing the width. The simulator accurately mimics mobile viewport units, touch physics, and layout shifts.
The page is told it is on a phone
The user agent and client hints are spoofed for the page and its iframes, so scripts that branch on device detection see the simulated device instead of desktop Chrome.
Touch behaves like touch
Touch events fire, scrolling has realistic momentum, and the pointer becomes a mobile cursor — revealing desktop hover dependencies as dead ends.
The on-screen keyboard takes up room
Focusing an input slides up a virtual keyboard, triggering the layout shift that frequently obscures sticky footers and call-to-action buttons.
Mobile viewport units resolve correctly
vh, svh, dvh, and lvh compute against the simulated viewport, and env(safe-area-inset-*) reports accurate notch and home indicator bounds.
The frame around the page is authentic
Photorealistic chassis render the OS status bar and address bar, so full-height heroes are evaluated within their actual visible bounds.
Battery and clock are yours to set
Pin the status-bar clock and battery level so that documentation screenshots taken throughout the day remain visually consistent.
Rotate and zoom without reloading
Switch between portrait and landscape in one click and zoom the viewport to fit your display without resetting page state.
PWA detection
Sites shipping a web app manifest are identified as installable, letting you preview standalone display modes effortlessly.
Side-by-side synchronized viewports Compare layouts across phone, tablet, and desktop viewports simultaneously. Actions performed in one screen replicate across all others in real time.
Four capture modes for mockups, bug reports, and docs
Capture directly from the simulated viewport with clean frames, annotation tools, and export formats.
Capture with the device
The page framed inside its photorealistic chassis, status bar included — ideal for slide decks, client reviews, or portfolio showcases.
Capture the site only
Just the simulated viewport without the outer chassis, giving developers and QA clean screenshots focused solely on content.
Capture the entire page
Scrolls and stitches the full length of the webpage inside the active viewport into one seamless, high-resolution graphic.
Capture the entire tab
Takes a snapshot of your full Chrome tab, including the side simulator menu and active device parameters.
Annotation tools in the editor
Mark up responsive issues right where they are captured before copying or saving.
- Pen
- Arrow
- Line
- Rectangle
- Ellipse
- Stroke colour
- Stroke width
- Undo
Export and handoff
Save as PNG or WebP, copy to clipboard, or upload to generate a quick shareable preview link.
Record video walkthroughs with mic and camera
Create interactive bug demonstrations, design walkthroughs, or social media teaser clips without external recording utilities.
Device viewport or tab recording
Choose between recording just the simulated phone screen or the entire browser tab during user testing.
Microphone & webcam overlay
Include spoken voiceover and an optional circular camera bubble for personal walkthroughs and product explanations.
Direct WebM export
Save high-framerate WebM recordings directly to your computer, ready to attach to bug trackers or Slack conversations.
100% private local recording
Media processing occurs entirely inside Chrome using native MediaRecorder APIs — zero video data is uploaded to remote servers.
Batch capture across dozens of devices simultaneously
Generate comprehensive responsive visual proofs in one click. Perfect for cross-device QA sign-offs and app store presentation assets.
Preconfigured device matrices
Run one-click capture sets across popular phones, iOS families, Android lineups, tablet spreads, or standard responsive QA widths.
Real-time progress and retry
Monitor batch capture progress device by device, with automatic retry for any viewports delayed by network latency.
ZIP bundle or unified contact sheet
Download all screenshots neatly organized into an archive or export a single contact sheet image showcasing every resolution.
Customizable target lists
Select any combination of devices from the catalogue to tailor audits specifically to your project's user analytics.
Presets for batch testing
- Common Phones
- iPhone Matrix
- Android Matrix
- Responsive QA
- App Store sizes
- Play Store sizes
Instant WCAG and ergonomics audit overlay
Spot accessibility hurdles and ergonomic bottlenecks directly within the mobile viewport before pushing code to production.
Color contrast audit
Evaluates text and background contrast against WCAG AA and AAA thresholds, highlighting hard-to-read text nodes on mobile screens.
Touch target inspection
Verifies whether clickable elements, links, and buttons meet the minimum 48x48px (or 44x44px) tap target recommendation.
Heading hierarchy check
Audits H1-H6 structure on the page to identify skipped levels or missing landmark headers essential for screen readers.
Missing image alt text
Flags uncaptioned or non-descriptive images, helping ensure visually impaired users receive proper context.
Keyboard focus order
Visualizes sequential focus order to confirm logical navigation for users browsing with external hardware keyboards.
Thumb reach ergonomic zones
Overlays natural one-handed thumb interaction zones (easy, stretch, hard) to verify key actions sit within comfortable reach.
Actionable inspection. Clicking a finding highlights the element without changing the page state.
Tailored to your developer workflow
Full control over custom screen configurations, theme appearances, and keyboard accessibility.
Custom device definitions
Add specialized devices with custom viewport widths, heights, pixel ratios, operating systems, and user agents.
Quick keyboard shortcuts
Bind global shortcuts in Chrome to toggle the simulator, rotate orientation, or snap screenshots instantly.
Status bar customization
Toggle status bar visibility, Wi-Fi indicators, and set fixed times (e.g. 9:41) for clean marketing captures.
Dark mode support
Fully adapted dark interface that integrates cleanly with modern developer setups and reduces eye strain.
Four steps to thorough responsive testing
Seamlessly test, verify, and document responsive web layouts.
- 1
Open the site you want to inspect
Navigate to any local or live URL in Chrome (including localhost, staging environments, and file:// URLs).
- 2
Activate simulator and pick a device
Click the AppKiro extension icon to wrap the page in your chosen device profile with realistic viewport geometry.
- 3
Test interactions, touch and keyboard
Scroll with natural touch momentum, tap interactive components, trigger form inputs, or open multi-device comparisons.
- 4
Capture, record or audit
Take framed screenshots, record walkthrough videos, inspect accessibility bottlenecks, or batch-capture across all breakpoints.
Why an extension beats DevTools Device Mode Chrome DevTools is a great development tool, but AppKiro Mobile Simulator adds the realism, framing, and audit utilities that client reviews and visual QA demand.
Who uses the Mobile Simulator
Built for every digital craftsman responsible for the mobile web experience.
Frontend developers
Inspect CSS responsive breakpoints, debug notch insets, test touch menus, and verify viewport unit calculations on local dev servers.
QA engineers
Accelerate cross-device regression testing, run accessibility audits, and produce framed bug screenshots that show exact device contexts.
UI/UX designers
Verify typography hierarchy, evaluate ergonomic thumb comfort zones, and export pristine device mockups for design presentations.
Marketers and creators
Capture high-resolution framed visuals of landing pages and record video walkthroughs for social media announcements.
Product managers
Review staging builds across mobile breakpoints during sprint reviews without needing an assortment of physical smartphones.
Why an extension beats DevTools Device Mode
Chrome DevTools is a great development tool, but AppKiro Mobile Simulator adds the realism, framing, and audit utilities that client reviews and visual QA demand.
Realistic device frames and chrome
DevTools renders a flat canvas. AppKiro wraps your page in photorealistic bezels with accurate status and navigation bars, showing how content truly looks to end users.
Keyboard layout shift simulation
Real mobile users face virtual keyboards that compress visible viewport height. DevTools doesn't simulate this shift; AppKiro does.
Side-by-side synchronized viewports
DevTools forces you to test one viewport size at a time. AppKiro lets you view mobile, tablet, and desktop side by side with synchronized gestures.
Zero setup and 100% offline
No cloud device lab subscriptions, no device streaming lag, and complete compatibility with private localhost servers without security tunnels.
What it is not
Worth knowing before you install: these are the boundaries of a browser-based viewport simulator.
It is a viewport simulator, not a device lab
Pages render with your own Chrome engine. A genuine Safari or WebKit bug will not reproduce here, and neither will anything that depends on a specific phone's GPU, camera or sensors.
It is not a native app emulator
It simulates the browsing environment of a phone or tablet. It does not run iOS or Android builds, and it is not a replacement for Xcode's simulator or an Android emulator.
Some pages cannot be simulated
Sites that refuse to be framed, and browser-internal pages such as chrome:// and the Chrome Web Store itself, are off limits — Chrome does not let an extension render them this way.
Frequently Asked Questions
Practical answers about device profiles, rendering fidelity, and local workflows.
What is the AppKiro Mobile Simulator?
It is a Chrome extension that turns a browser tab into a phone, tablet, foldable, laptop or desktop. It renders a live website at that device's viewport, pixel ratio, user agent and safe-area insets, and adds screenshots, screen recording, batch capture across devices, and an accessibility overlay on top.
How do I test a website on different screen sizes?
Open the page, activate the simulator, and pick one of the 96 device profiles. You can open several viewports in the same tab, each on a different device, and synchronise clicks, scrolling and typing across all of them so one scroll covers every breakpoint at once.
How is this different from Chrome DevTools device mode?
DevTools resizes the viewport and swaps the user agent. This adds photorealistic device frames with the OS status bar, on-screen keyboard simulation and the layout shift it causes, correct svh/dvh/lvh and safe-area insets, side-by-side synchronised viewports, device-frame and full-page screenshots, screen recording, batch capture across a device matrix, and an accessibility overlay.
Do I need a real phone or a device lab?
No. Everything runs inside your own Chrome, on the machine you already have. It is a simulation of the browsing environment rather than the hardware, so it covers layout, viewport and input questions but not hardware-specific or WebKit-specific bugs.
Which devices are included?
96 profiles: 31 iPhones, 32 Android phones, 7 foldables, 11 tablets, 11 laptops and desktops, 3 specialty screens such as a smart TV and a kiosk, and one smartwatch. You can also add your own device with a name, viewport, pixel ratio, OS, network type and user-agent string.
Can I take a screenshot of the simulated device?
Yes, in four modes: with the device frame, the site only, the entire page stitched into one tall image, or the whole browser tab. Captures open in an editor with pen, arrow, line, rectangle and ellipse tools, then export as PNG or WebP, copy to the clipboard, or become a share link.
Can I screenshot one page on many devices at once?
Yes. Batch capture takes any number of the device profiles and shoots the same page across all of them in a single run, with live progress, cancel, retry for only the ones that failed, a ZIP export and a composed contact sheet. Presets cover common phones, the iPhone and Android matrices, responsive QA and app-store sizes.
Does it collect my browsing data?
No. There is no account, no telemetry and no third-party analytics. The simulation and the captures run on your machine. The only thing that ever leaves it is a single image, and only if you choose to turn that capture into a share link.
Can I test a site running on localhost or a local file?
A local development server works like any other URL. For a file:// page, allow file access for the extension on the chrome://extensions page first.
What does it cost, and what does it need?
Nothing — every feature is unlocked, with no account and no subscription. It needs Chrome 116 or newer with Manifest V3 support, and its interface is available in 52 languages.
Useful developer tools on AppKiro
Free in-browser web utilities designed for mobile design and frontend validation.
- App Icon GeneratorGenerate complete iOS and Android app icon sets with matching square and round assets.
- Social Media Image CropperFormat mobile screenshots for Twitter, LinkedIn, Open Graph, and Instagram previews.
- Image ResizeDownscale captured mobile mockups to standard documentation and PR dimensions.
- Image to WebP ConverterCompress framed PNG screenshots into lightweight WebP graphics.
- Color Contrast CheckerValidate text and background contrast against WCAG standards in detail.
- Video to GIFConvert mobile screencasts into animated GIFs for GitHub issues and documentation.
Inspect, test, and present responsive websites effortlessly
Install the AppKiro Mobile Simulator extension in Chrome to test across 96 devices, simulate realistic mobile interactions, and capture presentation-ready screenshots.